Statekit
A tiny state management library for React.
- Simple
- Lightweight
- First-class TypeScript support
Getting started
- Install the package:
npm i @fransek/statekit
- Create a store:
import { createStore } from "@fransek/statekit";
const store = createStore({ count: 0 }, (set) => ({
increment: () => set((state) => ({ count: state.count + 1 })),
decrement: () => set((state) => ({ count: state.count - 1 })),
reset: () => set({ count: 0 }),
}));
- Use the store:
import { useStore } from "@fransek/statekit";
import { store } from "./store";
function Counter() {
const {
state: { count },
actions: { increment, decrement, reset },
} = useStore(store);
return (
<div>
<div>{count}</div>
<button onClick={decrement}>-</button>
<button onClick={increment}>+</button>
<button onClick={reset}>Reset</button>
</div>
);
}