/react-template

My react template :v:

Primary LanguageJavaScriptMIT LicenseMIT

React Boilerplate

This is my personal React boilerplate with everything that I need.

Understanding the project

📦 Project defaults

.
├─ /_tools
├─ /src
│  ├─ /components
│  ├─ /containers
│  ├─ /styles
│  ├─ index.html
│  └─ index.jsx
├─ .babelrc.js
├─ .eslintrc.js
└─ webpack.config.js

Hints

  • To understand why a component re-rendered use static whyDidYouRender = true. See more options here

IE 11 support

  • Put ie 11 in overrideBrowserslist property inside of webpack.base.js file.
  • Put import 'react-app-polyfill/ie11'; in the index.jsx. More info here
  • To use whyDidYouRender you need to replace the require call on index.jsx. See more here

TODO

  • Testing & Coverage (istanbul)
  • ImmutableJS
  • emotion, emotion-react, emotion-babel-plugin
  • Use stitches instead of styled-components?
  • Redux folder structure
  • Typescript
  • Router

Not much time to configure, but I will get there.