/wab-react-webpack

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

Primary LanguageJavaScriptMIT LicenseMIT

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.

CircleCI

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

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

License

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