Skip to content

Latest commit

 

History

History
44 lines (35 loc) · 1.59 KB

README.md

File metadata and controls

44 lines (35 loc) · 1.59 KB
Raw

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/