Managing mapbox-gl state in React app

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • react-map-gl

    React friendly API wrapper around MapboxGL 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

    A React binding of mapbox-gl-js

  • react-mapbox-gl - ranks second in popularity, has an order of magnitude smaller bundle size and more concise and easy-to-understand api

  • 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.

    SurveyJS logo
  • react-map-gl

    React Component Library for Mapbox GL JS (by urbica)

  • @urbica/react-map-gl - the size of the bundle and api is about the same as react-mapbox-gl

  • ringpop-go

    Scalable, fault-tolerant application-layer sharding for Go applications

  • 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

    mapbox-gl react hook

  • use-mapbox-gl - I will use the opportunity to attach my solution, this is a lightweight React hook wrapping mapbox-gl

  • xstate

    Actor-based state management & orchestration for complex app logic.

  • 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

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts