brygrill / wab-react-webpack

:globe_with_meridians: Template for building Esri Web AppBuilder widgets with React and Webpack

Heads up! This repo is archived. I don't use this for work anymore, and don't have the bandwidth to maintain. It needs to be rewritten with Typescript and newer build tools anyway.

🌐 Web AppBuilder + React Template

A template for building custom WAB widgets with React and modern JS.

How It Works

Webpack bundles all source code into a single React component. That component is rendered in Widget.js with React DOM. See the docs for more details.

Getting Started

Fork this repo or download the latest release.

Install Node and Yarn

• Node v8.12.0
• Yarn v1.13.0

Install Dependencies

• yarn: install dependencies

Commands

• yarn rename: rename the widget to the value set at widgetName in package.json. Only run once!
• yarn start: run webpack and gulp, start a dev server at https://localhost:3000/ with Browsersync, automatically reload on changes
• yarn test: run Jest
• yarn test:watch: run Just in watch mode
• yarn format: run prettier (prettier also run before each commit)
• yarn lint: lint files with ESLint
• yarn deploy: copy custom widget folders to dist, ready to be added to client apps.

Docs

• Usage
• Setup
• How it works
• Using the Esri JS API

License

Licensed under the MIT License. See License for more info.