---
# System prepended metadata

title: React

---

# React
### New components should be Functional

### Split into Container & Presentational components
#### Container
- Contains the buisness logic, side effects, connects with HOCs
#### Presentational
- Dumb components which can be resused.
- No side effects

### Ordering for Hooks
1. constants
2. useState
3. useEffect (Empty array first, followed by dependencies array)
4. callback methods
5. dumb components
6. return()

