suspensive
suspensive copied to clipboard
Manage asynchronous operations, timing, error handling, detecting intersection of elements, and caching easily and declaratively

Suspensive
Manage asynchronous operations, timing, error handling, detecting intersection of elements, and caching easily
Available Packages
@suspensive/react

This package offers components that leverage React Suspense to handle asynchronous operations gracefully. It includes components like Suspense, ErrorBoundary, and ErrorBoundaryGroup, along with utilities like Delay for managing timing in your React applications.
Key features: Suspense, ErrorBoundary, ErrorBoundaryGroup, Delay, and more.
@suspensive/react-query

This package enhances React Query with Suspense support, allowing for simpler and more declarative data fetching. It provides hooks like useSuspenseQuery and useSuspenseInfiniteQuery, which integrate seamlessly with React Suspense. Additionally, it includes QueryErrorBoundary for handling errors during data fetching.
Key features: useSuspenseQuery, useSuspenseQueries, useSuspenseInfiniteQuery, queryOptions, QueryErrorBoundary, Mutation, and more.
@suspensive/jotai

This package builds on the Jotai state management library, adding features that work well with React Suspense. It provides utilities for managing state using atoms, which can be easily integrated into Suspense-based workflows.
Key features: Atom, AtomValue, SetAtom, and more.
@suspensive/cache

This package provides caching solutions that can be used within React applications. It includes hooks like useCache and useCacheStore, as well as providers for managing and storing cache data efficiently.
Key features: Cache, useCache, CacheStore, useCacheStore, CacheStoreProvider, and more.
Visit suspensive.org for docs, guides, API and more!
Contributing
Read our Contributing Guide to familiarize yourself with Suspensive's development process, how to suggest bug fixes and improvements, and the steps for building and testing your changes.
Contributors

MIT © Viva Republica, Inc. See LICENSE for details.