modernize: createRef API, functional components with hooks about mapbox-react-examples HOT 5 CLOSED

An attempt. IMO it would be better to add a basic-with-hooks example rather than update every example to use hooks. Perhaps I'm just not comfortable enough with hooks yet, but the class examples feel more approachable 🤷‍♂️

Notes:

• Using a prop as a default value in an initialization hook seems to require wrapping in useRef()?
• There is probably a way to do the tooltip example with portals--didn't look too far into it.

Dan Abramov has an interesting post about "Making setInterval Declarative with React Hooks"; perhaps mapbox-gl-js could be made more declarative with custom hooks for initializing a map, updating mapStyle...

from mapbox-react-examples.

@bryik Finding this was very helpful! I initially went down the path of trying to use const map = React.useMemo(...) for a few minutes before I checked the internet and found this, and of course you're right that we need to useState instead because we need to have the map container ref.

from mapbox-react-examples.

Here's my take on hooks with mapbox-gl: https://dev.to/justincy/using-mapbox-gl-in-react-d2n

from mapbox-react-examples.

Another attempt for the basic and the tooltip example.

from mapbox-react-examples.

Closed by #11!

from mapbox-react-examples.