A sample app to demonstrate using Cesium with React and Webpack, accompanying the blog series at http://blog.isquaredsoftware.com/series/declaratively-rendering-earth-in-3d/
JavaScript HTML CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
.idea Add Webstorm project files Feb 24, 2017
public Conditionally include Cesium bundle in the HTML host page Mar 7, 2017
scripts Update build script to copy Cesium files to the output folder Mar 7, 2017
src Add camera management Mar 7, 2017
.env Add support for import paths relative to /src Mar 7, 2017
LICENSE.md Rewrite README and add license Mar 7, 2017
package.json Add scripts to build a Cesium bundle with DllPlugin Mar 7, 2017
yarn.lock Add progress-bar-webpack-plugin Mar 7, 2017


Declaratively Rendering Earth in 3D: A Cesium+React+Webpack Demo

A sample application to accompany the Declaratively Rendering the Earth in 3D blog series by Mark Erikson, demonstrating how to use the Cesium.js 3D globe library with React and Webpack.

This sample app demonstrates how to:

  • Set up a basic React app that loads Cesium
  • Configure Webpack for faster build times and deployment of an application that uses Cesium using DllPlugin for code splitting
  • Use React components to declaratively control rendering of Cesium primitives through Cesium's imperative APIs

Please feel free to discuss implementation questions in both issues and pull requests! I'm happy to talk about why I did things a certain way.