React Boilerplate

Boilerplate with all essentials for a production level app.

Why I built this?

create-react-app is what most of us use to create an app with no build configuration. This boilerplate has all the main dependencies used by react community for a production level app.

Features

This boilerplate features all the latest tools and practices in the industry.

• ⚛ React — 16.7.0-alpha.0 with Hooks
• ♻ Redux — State Management
• 🛠 Babel — ES6 syntax, Airbnb & React/Recommended config
• 🚀 Webpack — Hot Reloading, Code Splitting, Optimized Build
• 💅 CSS — Styled Components
• ✅ Tests — Jest, React Testing Library
• 💖 Lint — ESlint

Want to Reuse this?

1. Clone the repo
2. Run npm install in the root directory
3. Use following commands:
   • npm start - start the dev server
   • npm run build - create a production ready build in dist folder
   • npm run lint - execute an eslint check
   • npm run lint:fix - execute an eslint and fix the errors
   • npm test - run all tests
   • npm run test:watch - run all tests in watch mode
   • npm run test:cover - coverage mode

Issues to Investigate

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (439 KiB).
This can impact web performance.
Assets: 
 vendors~main.js (1.55 MiB)

WARNING in webpack performance recommendations: 
You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
For more info visit https://webpack.js.org/guides/code-splitting/