kl_state:

a simple react state manager

useage:

create store

interface BearState {
  bears: number;
  inc: () => void;
}

const useBearStore = create<BearState>((set) => ({
  bears: 0,
  inc: () =>
    set((state) => {
      state.bears++;
    }),
}));

use store

when state change the component will rerender

const {bears,inc}=useBearStore() as Pick<BearState, "bears">

use store bye select

rerender the component only the select data change

const inc=useBearStore((state)=>state.inc) as BearState["inc"]