Zustand (3)

 

stores: 저장하는 장소 / 모든 state들을 관리할 수 있는 장소

 

 

create란?

zustand라는 라이브러리에서 것!

state를 관리할 수 있는 장소를 내가 만들겠다(state를 저장해두는 store를 만드는 함수)

 

 

앱(App)에서 가지고 있던 state가 아니라 바로 zustand에서 관리하는 상태관리 하는 장소에서 가져오는 counter가 된다.

 

 

 

저장할 수 있는 어떤 state를 만든다. 이 장소안에 count:1이라는 것을 넣어놓는다.

 

 

<결과>

 

 

store를 만들고 가져오면 끄읕~~

 

상태 관리 라이브러리를 이용하면 props를 이용해서 복잡하게 만들 필요가 없다!!!

 

<CountBox>는 어떻게 가져올 수 있을까?(props사용X)

 

const~를 복사해서...

 

 

복붙한다.
그리고 {count}라는 props를 지워주고
counterStore라는 라이브러리를 임포트해준다.

 

<결과>

 

<정리>

props로 더이상 복잡하게 전달전달 안해도 된다.

그냥 중앙에 있는 store에서 들고오면 된다!

(굉장히 쉽다~~~)