This structure provide a very simple interface to start projects with react (or not). If you don't want to waste your time understanding other react's boilerplate projects, you should consider check out this one.
I did this to save some time creating automated structures for front-end projects, so I did it to be simple, flexible and ready to develop.
Checkout the pre-defined features and the incoming features
- ES6 ready
- Modular based structure
- Development server
- Hot reload
- Webpack stats
- Optimize for production
- Chunk hashed files
- Update only changed chunks
- Automatic inject CSS and JS on index
I suppose you have npm installed, so:
-
Clone this project to your computer
git clone https://github.com/jancassio/reactapp-boilerplate.git -
Install dependencies defined at
package.jsonfile with:npm install
At command line, simple do npm start. this will create an web server (powered by webpack) at localhost:8080.
This project is optimized to generate chunk pieces of javascript, to analyze that use npm run stats, this will generate a file named stats.json at project root, so you can go to webpack analyze tool to inspect your project's output.
Simple do npm run build, this will generate a folder named build at project root, the content inside this folder, can be deployed in production.