Zustand state manager usage

zustand-usage.js

import create, { State, StateSelector } from 'zustand';

// initialization
const initialStates = { count: 0 }; // no need to add your actions here like how zustand README shows.
const useStore = create(() => initialStates);
const { getState, setState } = useStore;

// usage within function component (reactive)
const Component = () => {
  const count = useStore(state => state.count);
  // inside some event handler
  setState({ count: count + 1 });
};

// usage outside component (non-reactive)
const { count } = getState();
setState({ count: count + 1 });