[FE] 리액트 - 26강: Zustand로 상태 관리하기 上
- 상태 관리란 리액트 앱에서 여러 컴포넌트 간에 공유되는 데이터를 효율적으로 관리하는 방법 🧰
- Zustand는 상태 관리를 단순하고 직관적으로 만들어주는 라이브러리 🐻
- Zustand는 작은 코드 양으로 전역 상태를 정의하고 활용 가능 🚀
- Zustand 사용 전 리액트 기초 훅, 상태 관리 필요성, Props Drilling 개념 이해 필요 🤔
- Props Drilling은 props를 통해 데이터를 깊숙이 전달하는 과정에서 발생하는 문제 🕳️
- 전역 상태 관리는 앱 전체에서 공유되는 데이터를 스토어에 모아 관리하는 방식 🏦
- Zustand는 상태를 중앙 집중식으로 관리하여 데이터 동기화 및 유지보수에 용이 🛠️
- Zustand 설치는
npm install zustand
명령어로 간단하게 가능 ✨
- Zustand 스토어는 상태와 상태를 변경하는 함수를 포함 ⚙️
- Zustand를 사용하면 컴포넌트들이 스토어에 직접 접근하여 데이터 흐름이 명확해짐 🎯