Esri React/TypeScript Demo

This application is a basic React/TypeScript starter app for Esri based applications

Technologies Demonstrated

• TypeScript: Extends JavaScript to adding data types
• React: Rendering engine for interactive UIs. Includes setup with react-refresh for hot module reloading
• WebPack: Bundles the various JavaScript/TypeScript files together into a final "bundled" version for the web server
• AntD: React base UI component library
• Styled Components: Reusable and isoloated component styling for React applications
• Mobx: Full featured and reactive state management
• SASS: CSS Precompiler. Allows you to build css with variables and logic
• ESRI: Esri JavaScript map SDK
• Babel: JavaScript "compiler"
• Jest: Jest is a delightful JavaScript Testing Framework with a focus on simplicity
• Testing Library: Simple and complete testing utilities that encourage good testing practices

Getting Started

It is assumed that you already have node and yarn installed on your machine. Google how to install node or how to install yarn if you need help setting up these environments.

Initialize The Application

yarn install

Start a local development web server (webpack-dev-server)

yarn start

Build a deployable version of the app

yarn build

Lint your code

yarn lint

Verify all TypeScripts are in good working order

yarn tsc

Run tests

See documentation on writing tests at Testing Library

yarn test