A Yeoman generator for scaffolding custom widgets and themes for the ArcGIS Web AppBuilder.
generator-esri-appbuilder-js is a Yeoman generator designed to help developers create custom widgets and themes for Esri's ArcGIS Web AppBuilder. It automates the setup of project structures, configures build tasks, and generates boilerplate code for widget development. The tool solves the problem of manually setting up and synchronizing widget files with the Web AppBuilder environment.
GIS developers and web mapping professionals who need to extend the functionality of ArcGIS Web AppBuilder with custom widgets or themes. It is particularly useful for teams building specialized mapping applications within the Esri ecosystem.
Developers choose this generator because it significantly reduces the initial setup time for Web AppBuilder customization, provides a standardized project structure, and includes automated workflows for development and production builds. Its integration with Grunt and support for modern JavaScript/TypeScript enhance productivity.
Yeoman generator to help customize Esri's WebAppBuilder
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Automatically generates the complete structure for widgets and themes with configurable options for 2D/3D, styling (CSS/SASS), and JavaScript syntax (ES5/ES2015/TypeScript), reducing manual boilerplate setup.
Includes Grunt tasks for file synchronization, live reload, and watching changes, streamlining the development process by automatically copying files to Web AppBuilder directories.
Offers a build command ('npm run build') that packages applications for deployment, which the README notes results in massive performance improvements by compressing and including only necessary elements.
Supports TypeScript for type-safe development and SASS for CSS preprocessing, allowing developers to use modern tools while maintaining compatibility with Web AppBuilder's requirements.
The project has been archived, meaning no updates, bug fixes, or official support, which poses risks for long-term use and compatibility with newer Web AppBuilder versions.
Relies on Grunt and Yeoman, which are less common in modern frontend workflows compared to tools like Webpack or Vite, adding legacy toolchain overhead.
Requires global installations of multiple tools (Grunt CLI, Yeoman) and manual setup with Web AppBuilder's directory structure, as detailed in the installation steps, increasing setup time.