atom-state

## What problem does it solve? This Skill enables React developers to implement robust, reactive state management using Effect Atom, providing stable references, automatic cleanup, and lazy evaluation for complex component lifecycles.

## Core Features & Use Cases

• Atoms as stable references that share state across components.
• Derived atoms via map and computed getters to derive state without wiring props.
• Atom.fn for async actions with built-in waiting state and Result handling.
• Runtime integration with services to access shared layers and centralize side effects.
• Persistence and scoped effects with automatic cleanup to prevent leaks.
• Use Case: Build a dashboard with shared counters and derived summaries across components.

### Quick Start Install the library packages, create a simple atom with Atom.make, and use it inside a React component via hooks like useAtomValue and useAtomSet. export const count = Atom.make(0) function Counter() { const [value, setValue] = useAtom(count) return <button onClick={() => setValue(value + 1)}>{value}</button> }