Overview:

React Loads is a backend agnostic library that helps with external data fetching and caching in UI components. It provides hooks and render props to manage async states and response data, allowing for easy integration with different backend technologies such as REST, GraphQL, or Web SDKs. It also supports automated caching and revalidation to enhance the user experience during page transitions. React Loads includes features like React Suspense support, server-side rendering support, preloading support, polling support, request deduping, focus revalidation, and external cache support. The library is lightweight, with a gzipped size of 5kB.

Features:

Hooks and Render Props to manage async states & response data
Backend agnostic. Use React Loads with REST, GraphQL, or Web SDKs
Renderer agnostic. Use React Loads with React DOM, React Native, React VR, etc
Automated caching & revalidation to maximise user experience between page transitions
React Suspense support
SSR support
Preloading support
Polling support to load data every x seconds
Request deduping to minimise over-fetching of your data
Focus revalidation to re-fetch your data when the browser window is focused
Resources to allow you to hoist common async functions for built-in caching & reusability
Finite set of state variables to avoid cryptic ternaries and impossible states
External cache support
Optimistic responses
Pretty small – 5kB gzipped

Summary:

React Loads is a versatile library for managing data fetching and caching in React UI components. It offers a range of features such as hooks for managing async states, support for different backend technologies, automated caching and revalidation, and support for React Suspense and server-side rendering. The library is lightweight and provides a seamless integration experience. With its wide range of features, React Loads simplifies the process of fetching and managing data in React applications.

Jxom

Awesome React Headless Components

Bumbag UI

Fannypack

React Loads