<aside> 💫 state를 적절한 위치에 배치하고, prop을 적절히 설계하는 것만으로도 대부분의 렌더링 최적화는 해결된다!!

</aside>

• [x] Before You memo()
• [x] Don't Sync State. Derive It!
• [x] One simple trick to optimize React re-renders
• [x] How to optimize your context value
• [x] When to useMemo and useCallback

Before You memo()

메모를 사용하지 않고도 렌더링을 최적화할 수 있습니다.

<aside> 🗒️ 메모를 사용하기 전 변하는 요소와 변하지 않는 요소를 분할(split)할 수 있는지 확인하는 것이 좋습니다!

</aside>