React 전역 State 사용 (zustand)

설치

yarn add zustand

설정

import { create } from 'zustand';

const useStore = create()((set => ({
  num: 0,
  dispatch: (payload) => set(() => ({ ...payload })),
}))

export default useStore;

사용방법

import useStore from './useStore';

export default function () {
  const { num, dispatch } = useStore();

  return (
    <div>현재 값: {num}</div>
    <button onClick={() => dispatch({num: num + 1})}>증가</button>
  )
}

이 모듈은 React, React Native에서 사용이 가능하다.
(타입스크립트를 지원한다.)