Hyper Fetch

About

Hyper Fetch is a fetch library, and what makes it unique is the number of solutions provided and the ease of use. This library is backend agnostic and aims to provide as many great and useful features as possible, in particular - caching, queuing, persistence, offline first support, request deduplication, authentication, easy progress tracking, structure and architecture solutions.

Features

Simple config – Hyper Fetch has prepared setup out of the box - from caching, queueing to query parameters parsing, deduplication and much more. It has built-in http client to help you with often problematic setup, at the same time allowing you to use your favorite libraries like Axios or Fetch!

Lighting fast – Our caching and request deduplication solutions allow you to take advantage of fully modern fetching approach. This way you not only save your time, but also resources as we dramatically can reduce and optimize the frontend to backend communication.

Persistance and offline – Did you ever had the problem with connection or your device crashed? We provide solutions to solve data loss problems - with command approach we can store and persist(with some storage based limitations) data and restore them in subsequent sessions allowing for fully offline first experience.

Queueing – If you need to send requests in an orderly manner, we have solutions that allow you to use one of several approaches. Concurrent to allow you to send all requests at once, one-by-one to send them in order or only-last to cancel all running requests except the last one and the deduplicated to send only one at the given time.

Opinionated – Hyper Fetch was built with architecture in mind to tackle multiple problems at once. By observing the fetch approach and setup creation, we have developed a structure that should be readable by everyone.

Sources

Packages

Installation

Clean

npm install --save @better-typed/hyper-fetch
or
yarn add @better-typed/hyper-fetch

React

npm install --save @better-typed/hyper-fetch @better-typed/react-hyper-fetch
or
yarn add @better-typed/hyper-fetch @better-typed/react-hyper-fetch