nanostores/nanostores

Nanostores is a state manager for React, React Native, Preact, Vue, Svelte, Solid, Lit, Angular, and vanilla JavaScript that uses many atomic tree-shakable stores.

The tool addresses the problem of bloated state management by keeping bundle size minimal while maintaining performance. It works through atomic stores and direct manipulation, allowing components to subscribe only to the specific stores they need rather than triggering selector functions across all components on every change. The architecture is designed to move business logic out of components and into stores, with computed stores enabling derived state and effects enabling side effects.

Nanostores suits projects where bundle size matters and where you prefer explicit, atomic state over normalized global state. It works well in applications targeting multiple frameworks since it provides framework-specific integrations rather than being framework-locked. The ecosystem includes optional smart stores for async operations, persistence, routing, media queries, and other common patterns, so you can add only what you need. Teams already comfortable with direct store manipulation and atomic design patterns will find the approach natural; those expecting a Redux-like normalized store structure should evaluate whether the atomic model fits their mental model.

The project maintains strict size control through automated tooling and has invested in TypeScript support. Development activity shows attention to framework compatibility across a wide range of targets and a modular plugin ecosystem where functionality like async operations, persistence, and routing are maintained as separate packages rather than bundled into the core.