Interactivity is part of what makes web maps so compelling. If I am building a map for a client, one of the first things they typically ask is "Can it have popups?" As a result, understanding how to quickly build and style map popups has become an essential part of my development workflow.
I thought I would put together a guide highlighting what I have learned in putting together custom map popup components for various projects. This guide will teach you how to add popups to a web map using React and Mapbox GL JS.
Here is the guide (feedback is always welcome!)
https://www.lostcreekdesigns.co/writing/how-to-create-a-map-popup-component-using-mapbox-and-react
If you found the guide useful give me a follow on Twitter or check out my Building Interactive Maps With React course!