Overview
The ArcGIS JS API 4.x / React / Redux Boilerplate offers an efficient foundation for developers looking to create web applications that utilize ArcGIS functionality. By integrating popular frameworks like React and Redux, this boilerplate simplifies the process of building dynamic, event-driven web applications centered around geography and spatial data visualization. The included example application demonstrates a neat sun position slider within a web scene, showcasing the capabilities of this powerful setup.
This boilerplate is particularly useful for developers who want to leverage modern web technologies while integrating advanced spatial features. With built-in support for Redux middleware and development tools, it sets the stage for creating scalable and maintainable applications.
Features
- ArcGIS JS API 4.x: Seamlessly integrate with the latest version of ArcGIS’s JavaScript API to enrich your web applications with mapping and spatial analysis capabilities.
- React & Redux: Employ React for building user interfaces and Redux for managing application state, allowing for a clean separation of concerns and predictable state management.
- Redux Thunk Middleware: Utilize Redux Thunk to handle asynchronous actions, making it easier to manage side effects within your application.
- ArcGIS Authentication: Simplifies the login process with a dedicated middleware for Portal authentication, enhancing security and user experience.
- SceneView Integration: Easily display a SceneView with an interactive WebScene, complete with selection handling and environment changes, all managed through Redux.
- Redux DevTools Extension: Monitor state and actions live during development, providing invaluable insight into application behavior and making debugging more efficient.
- Hot Module Replacement: Enjoy a smooth development experience with automatic updates of components or reducers without losing application state, allowing for real-time adjustments.
- Comprehensive Testing: Ensure code quality with built-in test support using Jest and Enzyme, allowing developers to write robust tests for their application logic.