이번 팀 프로젝트에서 상태 관리 라이브러리로 zustand를, 사용하게 됐다.
Zustand 가 redux 와 같이 flux 패턴이라서 redux에 대한 이해가 있다면 비교적 쉽게 배울 수 있다고 한다.
모듈이 가볍다.
문법 및 사용법이 간단하다.
Flux 패턴이란?
데이터를 중앙 집중형 저장소에 저장하고 action을 통해 데이터를 조작하는 패턴이다.
Zustand 사용하기
create()
함수로 store를 생성한다.
그러고 사용할 컴포넌트에서 useMemoStore()
로 불러와서 구조분해할당으로 필요한걸 꺼내서 사용한다.
요즘 너무 복붙을 많이 하는 것 같아서 오랜만에 손코딩
'TIL' 카테고리의 다른 글
supabase 테이블 조인하여 조회 / 삭제 (0) | 2024.03.21 |
---|---|
geolocation, kakao 로컬 rest api 활용 (0) | 2024.03.20 |
새로운 팀 프로젝트 시작! (1) | 2024.03.18 |
[프로그래머스] 문자열 다루기 기본 / 오타 때문에... 오래걸린 코딩 테스트 (2) | 2024.03.13 |
[typescript] 빌드에 대하여 (0) | 2024.03.07 |