generator-react-lib

A react component generator with UMD build and browser testing infrastructure.

Requirements

• NodeJS
• Yeoman

Tech Stack

• react - View layer
• babel - JS compiler
• webpack - UMD bundler
• jest - Test suite
• enzyme - React testing utils
• eslint - Style linter

Setup

Install it globally:

$ npm install -g generator-react-lib

Usage

Make a folder for your lib:

$ mkdir lib-name && cd lib-name

Generate the scaffolding:

$ yo react-lib

Development

Run the example app at http://localhost:8080:

$ npm start

Run tests and watch for code changes using jest:

$ npm test

Lint src and test files:

$ npm run lint

Generate UMD output in the lib folder (runs implicitly on npm version):

$ npm run build

License

MIT