[리액트] 상태 관리 Zustand

state 각페이지마다 props로 연결해 줘야하는 번거로움 때문에

 

기존 redux  > 최근 Zustand+ react Qeury 많이 씀

 

https://zustand-demo.pmnd.rs/

 

npm create vite@latest [프로젝트파일이름] --template react

cd [플젝 이름]
npm install
code .

 

터미널 열어서 npm install zustand 입력

설치 완료

기존 방식

저장소 만들기

 

state를 저장 해두는 store를 만드는 함수

import {create} from "zustand";
create(() =>({}))

 

 //CountStore.jsx
 
import {create} from "zustand";
create(() =>({}))
const CountStore = create(() =>({
    count: 1,
}))
 export default CountStore;

 

zustand로 간단한 카운터 만들기

https://zustand-sandy.vercel.app/

https://github.com/roseraph502on/zustand