Effect Atom v4

What problem does it solve?

This Skill provides a robust and efficient way to manage application state in React applications, especially for complex asynchronous operations and derived data.

Core Features & Use Cases

• Reactive State: Manages application state that updates automatically across components.
• Asynchronous Operations: Seamlessly handles data fetching, mutations, and other async tasks with built-in loading and error states.
• Derived State: Computes and caches values based on other atoms, optimizing performance.
• Use Case: Manage user authentication status, fetch and display lists of items, and update UI elements in real-time as data changes.

Quick Start

Define a module-level atom named counter initialized to zero and use the useAtomValue hook to display its current value.