derive-zustand


A function to create a derived Zustand store from stores

Install

``bash
npm install zustand derive-zustand
`

Usage

`tsx
import { create, useStore } from 'zustand';
import { derive } from 'derive-zustand';

const useCountStore = create<{ count: number; inc: () => void }>((set) => ({
count: 0,
inc: () => set((state) => ({ count: state.count + 1 })),
}));

const doubleCountStore = derive((get) => get(useCountStore).count * 2);
const useDoubleCountStore = () => useStore(doubleCountStore);

const Counter = () => {
const { count, inc } = useCountStore();
const doubleCount = useDoubleCountStore();
return (


`bash
PORT=8080 pnpm run examples:01_counter
``

and open in your web browser.

You can also try them directly:
01
02