Poc on design pattern and performance with react
-
CloneElement
-
HOC
-
RenderProps
-
Children as function
-
Global pattern link
-
Single Element Pattern && Atomic Design
-
HOC -> What's a HOC ? When to use it ? Connect example
-
renderProps -> What's renderProps ? When to use it ? Example ?
-
function as children -> What's functions as children ? Difference with renderProps ? When to use it ?
-
Dodds pattern :
- How to enforce a component API
- Compound
- Context API
- Props getter
- State reducer
- controlled props
- https://www.codementor.io/blizzerand/top-5-practices-to-boost-react-performance-jv6zr89ep
- https://react.statuscode.com/link/33495/web
- recompose
- reselect for the selectors ( to avoid rerenders )