effect-atom-state
CommunityBuild reactive React state with Effect Atoms
Authormpsuesser
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Effect Atom state management removes the friction of building reliable, type-safe, reactive UI state in React by letting you model state as stable Atom references with built-in async handling and cleanup.
Core Features & Use Cases
- Reactive atoms by reference: create shared, stable state containers that automatically update all subscribed components when values change.
- Derived and async atom patterns: compose derived state via computed atoms, and handle async effects safely using Atom.fn with AsyncResult waiting/success/error states.
- React integration with scoped lifecycle cleanup: manage external resources and subscriptions with finalizers and atom scoping so state doesn’t leak.
Quick Start
Create an Atom (or Atom.fn for async operations) that represents your state or Effect-based action, then wire it into React using the appropriate hooks from @effect/atom-react.
Dependency Matrix
Required Modules
None requiredComponents
Standard packageđź’» Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: effect-atom-state Download link: https://github.com/mpsuesser/pi-effect-harness/archive/main.zip#effect-atom-state Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.