Awesome
generator-reactapp
What
generator-reactapp
is a yeoman generator for react app.
Dependencies:
-
test
-
tools
-
- webpack-dev-server(Hot-reload & Mock-API)
-
cross-env (Sets an environment using unix style and have it work on windows too)
-
- autoprefixer (Add vendor prefixes to CSS rules)
- precss (Use Sass-like markup in your CSS files)
-
Why
Quickly start a project.
How
Getting Started
To install Yeoman
npm install -g yo
To install generator-reactapp from npm, run:
npm install -g generator-reactapp
Finally, initiate the generator:
yo reactapp
And then, generate feature by sub-generator:
yo reactapp:feature
Starting the dev-server and api-server
npm start
Running Tests
npm test
OR
npm run testing
Building Project
Building for production
npm run build
Project Structure
-
.babelrc
babel config
-
.editorconfig
editor config
-
.eslintrc
eslint config
-
gulpfile.js
gulp tasks
-
server.js
dev-server
-
api.js
mock api server
-
db.json
mock database for api
-
webpack.config.js
webpack config
-
test/
tests
-
src/
- templates/index.html
html entry template
- assets/
- constants/
common constants
- components/
react components(reusability)
- styles/
css styles
- containers/
react containers(route)
- apis/
api config
- stores/
mobx stores
- actions/
redux actions
- reducers/
redux reducers
- sagas/
redux sagas
- schemas/
redux schemas
- selectors/
redux selectors
- index.jsx
js entry
- libs.jsx
js vendor
- config.js
config
- templates/index.html
-
dist/
generated by building
License
MIT