yunicornlab

zustand에서 create 함수로 store를 생성한 후에, 이 생성한 store에서 상태를 가져오는 방법은 두 가지가 있다.selector를 직접 정하느냐 마느냐!이 둘의 차이점은 바로 리렌더링 문제에 있다.// 방법 (1) : selector 지정 안하고 기본값인 (state) => state로 사용// 즉, 전체 상태 구독const store = useStore();// 또는 const { count } = useStore();// 방법 (2) : selector = (state) => state.count로 사용// 즉, count만 구독const count = useStore((state) => state.count); // count만 구독 전체 상태를 구독하는 방향이 되면, store의 ..

create와 useStore 정의 코드 살펴보기이전 글에서 src > react.ts 파일에 있는 코드를 다시 살펴보자https://github.com/pmndrs/zustand/blob/a958de910fb49392d5407eb0a9a776ec959ce8c5/src/react.ts zustand/src/react.ts at a958de910fb49392d5407eb0a9a776ec959ce8c5 · pmndrs/zustand🐻 Bear necessities for state management in React. Contribute to pmndrs/zustand development by creating an account on GitHub.github.comimport React from 'rea..

React에서 Zustand를 사용해 store를 생성하려면 create 함수를 사용한다.create 함수에는 콜백 함수를 인자로 전달하는데, 이 콜백 함수에는 set과 get 함수를 인자로 받아서 사용할 수 있다고 했다.단순히 공부할 때는 get은 상태값을 받아올 수 있는 함수이고 set은 상태를 변경할 수 있는 함수라는 것만 알고있었는데, 이것밖에 없는 건지, create 함수는 어떻게 생긴건지 무엇일까 궁금해져서 공부해보았다. 먼저, zustand github 레포를 찾아서 이 set 함수 부분이 있는 곳을 찾아보았다.https://github.com/pmndrs/zustand/blob/a958de910fb49392d5407eb0a9a776ec959ce8c5/src/vanilla.ts zustand..

1. Zustand란?크기가 작아서 가볍고 빠르며 확장성이 좋은 전역 상태 관리 라이브러리다. Zustand는 독일어로 "상태"라는 뜻이다. (독일어다보니 발음은 쭈스탄트 정도로 읽으면 된다.)zustand는 store를 기반으로 하기 때문에 처음에 store에 대한 개념을 알아야 하는데, store는 간단히 말해 애플리케이션의 상태를 저장하는 중앙 데이터 저장소라고 생각하면 된다.zustand는 create라는 함수를 통해 이 store를 생성하기 때문에, create 함수로 store를 생성하는 것부터가 시작이다.2. Zustand 공식 홈페이지(1) 공식 문서https://zustand-demo.pmnd.rs/ Zustand zustand-demo.pmnd.rs 보통은 해당 서비스의 소개 문구가 있..