![\"Storion](\"https://raw.githubusercontent.com/linq2js/storion/main/.github/logo.svg\"){kind=logo}
\n\n \n
\n State management that just works\n
\n\n\n ![\"npm](\"https://img.shields.io/npm/v/storion?style=flat-square&color=blue\")
![\"bundle](\"https://img.shields.io/bundlephobia/minzip/storion?style=flat-square&color=green\")
![\"tests\"](\"https://img.shields.io/github/actions/workflow/status/linq2js/storion/ci.yml?style=flat-square&label=tests\")
![\"license\"](\"https://img.shields.io/npm/l/storion?style=flat-square\")
\n š Docs Ā· \n Demos Ā· \n API Ā· \n Get Started\n
\n\n---\n\n```tsx\nimport { create } from \"storion/react\";\n\nconst [_, useCounter] = create({\n state: { count: 0 },\n setup: ({ state }) => ({\n inc: () => state.count++,\n dec: () => state.count--,\n }),\n});\n\nfunction Counter() {\n const { count, inc } = useCounter((s, a) => ({ count: s.count, ...a }));\n return ;\n}\n```\n\n**No Provider. No boilerplate. It just works.**\n\n---\n\n## Features\n\n| Feature | Description |\n| -------------------- | -------------------------------------------- |\n| šÆ **Auto-tracking** | Read state ā subscribed automatically |\n| ā” **Fine-grained** | Only changed state triggers re-renders |\n| š **Type-safe** | Full TypeScript inference, zero manual types |\n| š **Async-first** | Loading states, error handling, Suspense |\n| š ļø **DevTools** | Time-travel debugging built-in |\n| š¦ **~4KB** | Tiny bundle, no compromises |\n\n---\n\n## Install\n\n```bash\nnpm install storion\n```\n\n---\n\n## Usage\n\n### Single Store\n\nFor isolated features, widgets, or prototypes:\n\n```tsx\nimport { create } from \"storion/react\";\n\nconst [_, useAuth] = create({\n state: { user: null },\n setup: ({ state }) => ({\n login: (user) => {\n state.user = user;\n },\n logout: () => {\n state.user = null;\n },\n }),\n});\n```\n\n### Multiple Stores\n\nFor apps with shared state (auth, cart, users):\n\n```tsx\nimport { store, container, StoreProvider, useStore } from \"storion/react\";\n\nconst authStore = store({\n name: \"auth\",\n state: { user: null },\n setup: ({ state }) => ({\n login: (user) => {\n state.user = user;\n },\n logout: () => {\n state.user = null;\n },\n }),\n});\n\nconst cartStore = store({\n name: \"cart\",\n state: { items: [] },\n setup: ({ state, get }) => {\n const [auth] = get(authStore); // Cross-store access\n return {\n add: (item) => {\n state.items = [...state.items, item];\n },\n clear: () => {\n state.items = [];\n },\n };\n },\n});\n\nconst app = container();\n\nfunction App() {\n return (\n