React Boilerplate

Boilerplate to create a greatly optimized React PWA, managing state with Redux, and using a Express server making it ready to support other services.

Features

• ⚛️ React v16

• 🔄 React Router v4

• 💠 Express server

• 〽️ Babel 7

• 🔥 React Hot Reload with webpack-hot-middleware

• ⭕️ PostCSS with Sass-like syntax, auto-prefixer and modern css support

• ✂️ Code splitting for .js and .css

• 📱 Progressive Web App ready, service worker and manifest

• 📦 Webpack v4

• 👮 Basic security with helmet and hpp

• 🐳 Docker support

• 🌸 Easy to use with GraphQL

• 💜 Easy to use with Redux

Usage

Run development server

yarn start # or yarn start:nodemon

Create production bundle, splits JS and CSS files and creates manifest, map files, PWA icons and Service Worker, all saved in /dist

yarn run build:prod

Run a regular pm2 process

yarn start:prod

Run in a Docker container with pm2

yarn start:docker

Todo

• Code splitting
• Progressive web app
• .env files support
• CSS vendor prefixes
• Webpack image loaders
• Async/await support
• Hot reload with code splitting
• Full Docker support
• Basic testing

Licence

Copyright 2018 Nure. MIT.