The Most Underrated React Hook You've Never Used
- React에는 잘 알려지지 않았지만 특정 상황에서 유용한 hook이 존재함 🪝
- 이 hook은 React의 내부 작동 방식과 re-rendering 과정을 이해하는 데 도움을 줌 💡
- state를 사용하지 않고 to-do 앱을 만드는 제약 조건을 통해 hook의 필요성을 강조함 📝
- 일반 변수나 ref는 React의 re-rendering을 유발하지 않으므로 state 관리에 적합하지 않음 🚫
- 외부 store를 만들어 to-do를 관리하고 listener를 통해 변경 사항을 알리는 방식으로 문제를 해결함 📡
- getSnapshot 함수는 현재 to-do 목록의 스냅샷을 제공함 📸
- subscribe 함수는 listener를 등록하고, 등록 해제 함수를 반환하여 메모리 누수를 방지함 👂
- to-do 추가 함수는 store의 to-do 목록을 업데이트하고 listener를 호출하여 변경 사항을 알림 📢