𝗥𝗲𝗮𝗰𝘁 𝗦𝘁𝗮𝘁𝗲 𝗠𝗮𝗻𝗮𝗴𝗲𝗺𝗲𝗻𝘁: 𝗪𝗵𝗲𝗻 𝘁𝗼 𝗨𝘀𝗲 𝗪𝗵𝗮𝘁
새로운 React 프로젝트를 시작합니다. 처음에는 깔끔하게 느껴집니다. 그러다 데이터를 5개의 레이어를 거쳐 전달하게 됩니다. 이것이 바로 prop-drilling입니다. 막막함이 느껴지기 시작할 것입니다.
적절한 도구를 선택하세요.
useState: 당신의 주머니 로컬 데이터를 위해 사용하세요. 작은 것들은 여기에 담으세요.
- 드롭다운 상태
- 입력 필드 로컬에 유지하세요.
Context API: 가족용 냉장고 누구나 묻지 않고 데이터를 가져갑니다. 전역 데이터를 위해 사용하세요.
- 사용자 로그인 상태
- 테마 설정
- 언어 설정 변경이 거의 없는 데이터에 사용하세요.
Zustand: 창고 이 도구는 체계적입니다. 무거운 데이터를 위해 사용하세요.
- 장바구니
- 복잡한 대시보드 앱이 복잡하게 느껴질 때 사용하세요.
계획:
- useState로 시작하세요.
- prop-drilling이 힘들어지면 Context로 넘어가세요.
- 성능이 저하되면 Zustand로 전환하세요.
단순함을 유지하세요. 즐거운 코딩 되시길.
출처: https://dev.to/zeeshan_farooq_4ead3782d8/react-state-management-when-to-use-what-a-simple-guide-1cf1