[Zustand] 상태 관리라이브러리에 대해 알아보자

현재 리액트와 노드를 병행하는 과정에서 상태관리의 중요성이 높아지고 있다는것을 뼈저리게 느끼고있다. Recoil과 Redux는 살짝 경험을 해봤지만 새롭게 떠오르고 있다는 Zustand에 대해 알아보려고 한다.

document

npm i zustand

loginStore.js

import create from 'zustand';
export const useLoginStore = create((set) => ({
  user: { authorities: '' },
  saveUser: (user) =>
    set(() => ({
      user: {
        authorities: user.authorities,
      },
    })),
}));

index.js

import {useLoginStore} from './LoginStore.js

const index =()=>{
  const saveUser = useLoginStore((state) => state.saveUser);

  const saveHandler=()=>{
      saveUser('원하는 정보');
}

라이브러리 설치이후에 스토어를 생성해서 전역상태 관리가 가능하다
주의사항 : 리프레시가 일어나면 초기화가 된다.