nanostores

Manage reactive app state with atoms, maps, and computed stores.

Updated Apr 12, 2026

Search Tags:#state-management #maps #stores #atoms #computed #framework-integrations #nanostores

Ready to run

npx skills add https://github.com/gil00pita/lanify --skill nanostores-gil00pita

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: nanostores
Source: https://github.com/gil00pita/lanify/tree/main/.agents/skills/nanostores
Command: npx skills add https://github.com/gil00pita/lanify --skill nanostores-gil00pita

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Manage reactive app state with a tiny, framework-agnostic store system.

Core Features & Use Cases

Atom, Map, and Computed provide flexible state shapes and derived data for efficient UI updates.
Framework Integrations enable usage in React, Vue, Svelte, Solid, Angular, and vanilla JS to share state across components and islands.
Real-world Scenarios include powering UI counters, user sessions, and derived state with batched updates across multiple frameworks.

Quick Start

Create a small counter store and wire it into a React component to see live updates.

Frequently Asked Questions about nanostores

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I share reactive state across components in multiple frameworks?▼

A tiny, framework-agnostic store system shares reactive state across components. It provides atoms, maps, and computed stores to manage state efficiently across React, Vue, Svelte, Solid, Angular, and vanilla JS.

What is the best way to manage client state in islands architecture?▼

Using a tiny state management system is best for islands architecture. It leverages atoms and maps with a minimal runtime footprint to deliver fast, isolated updates across independent UI components.

Does this state management approach work with React and Vue simultaneously?▼

Yes, this state management works with React and Vue simultaneously. Optional framework integrations allow you to wire the same core stores into components across different frameworks.

How do I create a reactive store and wire it into a UI component?▼

To create a reactive store, define an atom or map, then wire it into a UI component using the optional framework integration. This triggers live UI updates whenever the store's state changes.

Can I compute derived state and batch updates for efficient UI rendering?▼

Yes, you can compute derived state and batch updates for efficient UI rendering. The system supports computed stores for derived data and batched updates to group multiple state changes into a single render cycle.

Why choose a tiny state management library over larger framework-specific tools?▼

Choose a tiny state management library for its minimal runtime footprint and framework-agnostic design. It provides flexible state shapes and derived data without the heavy overhead of larger framework-specific tools.