effect-atom-state

Community

Build 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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.