atomico-hooks-async

What problem does it solve?

Managing asynchronous data flows in Atomico components is repetitive and error-prone, especially when coordinating multiple hooks and cancellation. This Skill provides a cohesive set of hooks to handle promises, suspense, and abort signals.

Core Features & Use Cases

• usePromise: track pending, fulfilled, rejected, and aborted states for async callbacks.
• useAsync: suspend rendering until data is available, simplifying data fetching patterns.
• useSuspense: establish a loading boundary and aggregate statuses across descendants.
• useAbortController: automatically abort in-flight requests when dependencies change or on unmount.

Quick Start

Create a component that fetches data using usePromise, useAsync, useSuspense, and useAbortController to handle loading, suspension, and cancelable requests.