Skip to content

dormesica/generator-dm-react-redux

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

generator-dm-react-redux

Yeoman generator for a React-Redux project

Installation

npm install -g generator-dm-react-redux

Usage

See react-boilderplate for reference about the boilderplate this generator is based upon.

First create the folder where the project should be generated. In this folder run:

yo dm-react-redux appname

This will create the boilerplate into the directory.

Creating Components

Creates a .jsx file and a .css file inside a new folder under the src/components directory.

yo dm-react-redux:component component_name [flags]

possible flags:

  • common | C - place the component under the common directory (Boolean)
  • connected | c - Also contains a container that is mapped to the Redux store (Boolean)
  • path | p - Place the component at the given path relative to the components folder (String)

Creating Reducers

Creates a new reducer file in the src/store/reducers directory and a test file for this reducer in the test directory.
This commands also configures the new reducer in the combineReducers method of Redux.

yo dm-react-redux:reducer reducer_name [flags]

possible flags:

  • no-test | N - don't generate test file (Boolean)

Creating Redux Middleware

Creates a new Redux middleware in the src/store/middleware directory.
This command also configures the new middleware in the applyMiddleware method of Redux.

yo dm-react-redux:middleware middleware_name [flags]

Possible flags:

  • not-registered | N - Don't register the middleware in the middleware.js file

Creating Test Files

Creates a new test file in the test directory with the extension .specs.js

yo dm-react-redux:test test_file_name

Running the Project

Create a dist/dunble.js file by running the command:

npm run build

Then, run the webpack-dev-server by executing:

npm start

Go to http://localhost:8080/ to view your project.

For production the the NODE_ENV variable to production in order to create a minified version of the bundle.js file.

About

A Yeoman generator for React-Redux projects

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published