atomico-hooks-async

To handle async data fetching in Atomico components, you can use suspense-ready hooks like usePromise and useAsync that track pending, fulfilled, and rejected states while managing data suspension. This eliminates repetitive manual promise tracking and error handling logic.

Suspense in Atomico works by using the useSuspense hook to establish a loading boundary that aggregates statuses across descendant components. The useAsync hook then suspends rendering until the requested data is fully available, simplifying complex asynchronous UI patterns.

The best way to cancel in-flight requests in Atomico is by using the useAbortController hook. It automatically aborts ongoing asynchronous operations when component dependencies change or when the component unmounts, preventing memory leaks and unwanted state updates.

Yes, you need Atomico version 1.79 or higher to properly utilize these async hooks and suspense boundaries. This version requirement ensures proper dependency management, component cleanup, and native support for the underlying suspense integration.

Async Atomico components cause memory leaks when in-flight requests are not properly canceled during dependency changes or unmounts. Implementing an abort controller automatically terminates stale promises, preventing unwanted state updates and resource leaks.