Our great sponsors
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
react-map-gl - is a solution from uber, perhaps the most sophisticated among others, one of the main drawbacks: Steep learning curve, having sufficiently rich functionality, including for managing state, it is rather difficult to understand the library api Has almost 1MB bundle size, which is quite a lot
react-mapbox-gl - ranks second in popularity, has an order of magnitude smaller bundle size and more concise and easy-to-understand api
@urbica/react-map-gl - the size of the bundle and api is about the same as react-mapbox-gl
react-map-gl - is a solution from uber, perhaps the most sophisticated among others, one of the main drawbacks: Steep learning curve, having sufficiently rich functionality, including for managing state, it is rather difficult to understand the library api Has almost 1MB bundle size, which is quite a lot
use-mapbox-gl - I will use the opportunity to attach my solution, this is a lightweight React hook wrapping mapbox-gl
In addition to the state inside the map instance, the application can also have its own internal state, in our case, XState will be used for this