React Boilerplate

A simple React app

Project Structure

my-app
├── README.md
├── node_modules
├── public
│   └── index.html
│   └── main.css
│   └── bundle.js
├── server
│   └── server.js
├── package.json
├── postcss.config.js
├── webpack.config.js
├── webpack.parts.js
├── .babelrc
├── .gitignore
└── src
    └── App.css
    └── App.js
    └── App.test.js
    └── index.html
    └── index.css
    └── index.js

Features

• React
• webpack 4
  • Composing configuration files for development and production by merging
  • html-webpack for templating
  • webpack-serve for hot reloading
  • css extraction
  • output directory cleaning on build
• Babel: env & react & eslint
• Eslint: standart & standart-react & prettier-eslint
• VS Code Workspace Settings

TODO

• Testing
• Autoprefixing
• Universal rendering with async server data