section-7.md

0 to 100 on AWS – Building a full stack web mapping application with PostGIS, GeoServer, OpenLayers and ReactJS

FOSS4G SotM Oceania - Afternoon Workshop #1 - 20th November 2018

7. Create a ReactJS and OpenLayers Web Mapping Application

We now have all of the server-side components of our stack deployed and we're ready to start building our web application.

The concept is an interactive app that lets you visualise, query and compare different ABS statistics across Victoria. We'll build it using the following key technologies.

Technology / Library	Description
ReactJS	Provides the JavaScript framework for building a single page application
Redux and ImmutableJS	Provides the framework for managing application state
Material UI	Provides a set of React UI components based on Google's Material Design
OpenLayers	Provides the mapping API
OL Mapbox Style	Style vector tile layers in OpenLayers

Each stage of the application build is detailed in its own section:

• 7.1. Skeleton React app
• 7.2. Redux and UI control
• 7.3. Finish the app
• 7.4. Publish the app to S3

---

Previous: 6. Style vector tiles | Up: Index | Next: 7.1. Skeleton React app