My Create React APP

Main Changes

• add react-router-dom , Router and Home view
• add context

use my custom fetch hook

• https://www.robinwieruch.de/react-hooks-fetch-data
• https://scotch.io/tutorials/create-a-custom-usefetch-react-hook
• https://dev.to/admantium/react-creating-a-custom-hook-for-fetching-data-168h
• https://www.npmjs.com/package/react-fetch-hook

To Add Electron

To Add ui

Adding react-leaflet

• install leaflet and react-leaflet
• Add Leaflet CSS https://leafletjs.com/examples/quick-start/
• configure map container div css (Width and height)
• https://www.youtube.com/watch?v=DZfvr2zguHo

Todos Later

Learned tips

• Use refs to focus on input https://medium.com/javascript-in-plain-english/react-refs-both-class-and-functional-components-76b7bce487b8

add a search box on a leaflet map

• https://stackoverflow.com/questions/37189484/how-to-add-a-search-box-on-a-leaflet-map