npm run start:dev
npm run build
- Changes made to your CSS / JS triggers a full page auto-reload.
- Running a build writes the
bundle.js
andbundle.css
to the/public/dist/
directory.
- Module bundler: Webpack
- ES6 Transpiler: babel-loader
- Linting: eslint
- JS Uglification: UglifyJsPlugin
- Dev Server: webpack-dev-server (
npm run start:dev
)
/
├─ public/
| ├─ dist/
| | ├─ bundle.css # CSS that's generated from SASS
| | ├─ bundle.js # Contains scripts of components & vendor(s).
| ├─ index.html # Contains root element to mount your app.
└─ src/
├─ actions/ # Create actions here.
├─ components/ # Create components here
|─ containers/ # Containers bridge Components with the State.
├─ constants/ # Define action types here.
├─ reducers/ # Create reducers here.
├─ styles/ # All styling goes here.
├─ App.js # Include your main component(s).
├─ index.js # Passes state to App. Renders markup to DOM.
└─ store.js # Creates and exports store.
React - Quick Start | Start Learning React | React in 8-minutes
Redux - Basics | An Introduction | React with Redux
Sass - Sass Guide