generator-react-webpack-redux

Generator-React-Webpack - with Flux Support (using Redux)

What is it for?

This generator can be used to create and manage projects that use React, Webpack and Flux (using Redux as implementation). It depends on generator-react-webpack as a base and extends it to create new reducers and actions.

What is included?

generator-react-webpack-redux includes support for creating new reducers (and tests), as well as the creation of actions and components.

It also has support for the the features that are available in its parent project, generator-react-webpack. This includes the run-configuration, webpack, esLint and test-environment.

Planned Features and updates

There are currently some features missing from the generator. These will be available in a later version:

• Add optional routing via react-router-redux
• Creation of Containers

Installation

npm install -g yo
npm install -g generator-react-webpack-redux

Setting up projects

# Create a new directory, and `cd` into it:
mkdir my-new-project && cd my-new-project

# Run the generator
yo react-webpack-redux

Generating new reducers

yo react-webpack-redux:reducer my/namespaced/reducers/name
yo react-webpack-redux:reducer items

Generating new actions

yo react-webpack-redux:action my/namespaced/actions/name
yo react-webpack-redux:action items/addItem

Generating new components

yo react-webpack-redux:component my/namespaced/components/name

Usage

Please take a look at react-webpack-template for an in depth explanation or use npm run to get a list of all commands available for building and running your application.

Basics are:

• npm start: Will start up the dev webserver
• npm test: Run unit tests
• npm run dist: Create the packed version

Contribute

Contributions are welcomed. If you find something is missing or there are errors hidden somewhere, feel free to add a new issue.

Running Tests

npm test or node node_modules/.bin/mocha

License

MIT license