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
inoverrideBrowserslist
property inside ofwebpack.base.js
file. - Put
import 'react-app-polyfill/ie11';
in theindex.jsx
. More info here - To use
whyDidYouRender
you need to replace the require call onindex.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.