misostore-react

React bindings for MisoStore.

• Source: https://github.com/pratul03/storekit/tree/main/library/packages/react
• Issues: https://github.com/pratul03/storekit/issues
• Security: https://github.com/pratul03/storekit/security/advisories

Installation

pnpm add misostore-react misostore-core

Quick start

import { createStore } from "misostore-core";
import { createStoreHook } from "misostore-react";

const counter = createStore(
  { count: 0 },
  (state, action: { type: "inc" | "dec" }) => {
    if (action.type === "inc") return { ...state, count: state.count + 1 };
    if (action.type === "dec") return { ...state, count: state.count - 1 };
    return state;
  },
);

const useCounterStore = createStoreHook(counter);

export function Counter() {
  const count = useCounterStore((state) => state.count);
  return <span>{count}</span>;
}

What this package provides

• createStoreHook for React components
• Selector-based subscriptions for efficient component updates
• Tight integration with misostore-core

Compatibility

• Node.js: >=18
• React: >=18 <20
• Runtime module format: ESM
• Type definitions: bundled (dist/index.d.ts)

Links

• Changelog: ./CHANGELOG.md
• Security policy: ./SECURITY.md

License

MIT