Have a common webpack, babel setup for react projects without spending a few hours to set them up every time.
- Webpack 4
- Production: Minify
css
andjs
- Assets handling: Assets(e.g. images, fonts) in
src/static
are copied to/dist
- SASS
- Production: Minify
- Babel 7
- Eslint with airbnb style guide
- React prop typechecking via prop-types
- Component Code splitting via react-loadable
- Loading spinner via react-loader-spinner
- Routing via react-router
- State management with redux, react-redux, redux-saga
- Test with jest
- Development:
npm start
- Production:
npm build
Adeel Imran's awesome guide on medium for the sick babel and webpack setup