🌈 Zustand

Zustand를 사용하여 상태 관리를 구현하는 방법을 써보려고 한다 🐻

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

 

1. Zustand 설치

npm install zustand

 

2. Zustand 스토어 생성 

Zustand store를 설정하여 로그인 상태와 사용자 정보를 관리한다.

 

src/store/useAuthStore.js

import create from 'zustand';

const useAuthStore = create((set) => ({
  isLogin: false,
  token: '',
  email: '',
  name: '',
  role: '',

  login: (token, email, name, role) => set({ 
    isLogin: true, 
    token, 
    email, 
    name, 
    role 
  }),
  logout: () => set({ 
    isLogin: false, 
    token: '', 
    email: '', 
    name: '', 
    role: '' 
  })
}));

export default useAuthStore;