This is a course for the developer who wants to learn how to build interactive maps using React. The course is structured as a collection of written guides that will provide you with a strong foundation for your own use cases going forward.
Map-related features are only becoming more prevalent in web applications. Think of how much value maps add to applications like Airbnb, Uber and Lyft, Strava, and The New York Times.
Accordingly, understanding how to build and integrate maps into a web application can be a powerful tool in your tool belt. This course covers the fundamentals of what you will need to start building web maps and covers everything from map design, spatial data management, adding interactivity to your maps, and most importantly how to bring your maps to life on the web.
The course focuses on two key technologies, React and Mapbox, that play very well together. I have chosen these two tools because I think they offer the easiest, most powerful, and most popular way to bring dynamic maps into an application.
Why Did I Create This?
I created this course to save you time! The "m", "a", "p" keys are rutted out on my keyboard from doing so many google searches on how to create a map that does x,y and z. I have been building map-driven applications with Mapbox since 2015 and wanted to centralize all of the knowledge I have learned in this process.
A thoughtfully organized course comprised of guides, tutorials, and reference materials. I have made a concerted effort to include a mix of lessons focused on the fundamentals in addition to technical deep dives.
Here is a free sample if you would like to try before you buy!
The course covers the following topics:
- ****Overview of the Mapbox platform and what it allows you to build
- Building your first map: the basics of building your first map using Mapbox and React
- A comprehensive guide to the Mapbox base maps and ideal use cases for each
- Designing your own base maps using Mapbox Studio
- Managing and visualizing your spatial data using Mapbox Studio
- Integrating and visualizing your spatial data in a React application using Mapbox GL JS
- Styling map layers and updating layer styling based on data and map zoom levels
- Adding interactivity to your maps using popups and controls
- Filtering map features based on user input and interactions
How Comfortable with React Should I Be?
This guide was written with a beginner to advanced React developer in mind. It assumes that you are least familiar with and ideally comfortable with React. There is enough content to cover just in terms of the Mapbox pieces. This guide would be crazy crazy long and ultimately much less effective if I focused on teaching the basics of both React and Mapbox.
Does this work on the free version of Notion?
You betcha! Once you purchase the handbook, you will be automagically redirected to a notion page where you can duplicate the handbook and either add it your workspace or view it directly in the browser.
Is there a refund policy?
Absolutely. There is a 30-day money back guarantee. If you feel like you didn't get your money's worth, just give me a shout.
Can I share content from the course publicly?
Feel free to share a single lesson but please make sure you link back to the source (this page) when doing so.
Can I duplicate this database to share with my team / friends?
Unfortunately not. You are purchasing a personal license for individual use. If you are interested in purchasing for a team, please reach out to me about team pricing!
Can I request additional chapters?
You betcha! I intend for this to be a living and breathing document that is expanded over time.
What makes me qualified to teach this?
GIS and developing map-driven web applications are a large part of the reason I learned to code. I have spent the last six years learning the ins and outs of developing map-driven applications and am still just as passionate about the subject today as when I started. Every day job I have worked and nearly every side project I have taken on during this time period has had a large mapping component to it.
Any other questions? Feel free to reach out! You can reach me on Twitter @btyler
Learn how to build beautiful and interactive maps that bring your applications to life.