react-structure

Structure for a new react project.


Keywords
react, react-router, react-router-dom, react-redux, redux, webpack, webpack 2, babel, nodejs, express, validators, jest
License
ISC
Install
npm install react-structure@1.0.0

Documentation

Structure

I created this boilerplate to optimize our time when we create a new project. I use it for my personnals projects and if you have any questions ask them to me inside the contact on my website : www.vincentbenoit.com.

The list of the links packages

Express

http://expressjs.com/

Webpack 2

https://webpack.js.org/configuration/

React router dom

https://reacttraining.com/react-router/web/guides/quick-start

React redux

http://redux.js.org/

Redux Logger

https://github.com/evgenyrodionov/redux-logger

Sass

https://github.com/webpack-contrib/sass-loader

Assets

https://github.com/webpack-contrib/file-loader https://github.com/webpack-contrib/extract-text-webpack-plugin

Testing

If you would like to know how works Jest please try this great tutorial : https://www.sitepoint.com/test-react-components-jest/ Jest's documentation : https://facebook.github.io/jest/docs/api.html#writing-assertions-with-expect React utils : https://facebook.github.io/react/docs/test-utils.html

Usage

Start the server : npm start If you would like to run the jest's watch use the command line : npm test -- --watch