- axios
- bootstrap
- json-server
- mapbox-gl
- react-map-gl
- react-redux
- reactstrap
- redux
- redux-typescript
- typescript
There is a surprisingly limited number of resources online that detail the process of setting up mapbox-gl and mapbox-gl-directions in a React app (at least for beginners). Uber’s react-map-gl library works well in that it serves as a wrapper for the core Mapbox API, but this library does not include built-in functionality for utilizing the Mapbox Directions API. Displaying routes with this library would require creating custom layers. The Mapbox website has steps for utilizing mapbox-gl in a React app here, but there does not appear to be similar tutorials for the Mapbox Directions API. The majority of tutorials focus on using Mapbox and Mapbox Directions in a static index.html file. For those who are interested in building a React app with Mapbox but unsure how to proceed, this article will serve as a guide for getting started.
$ git clone https://github.com/dsagredo/project-reactjs-mapbox.git
$ cd projectreactnativeformik/
$ npm install
$ npm run ios