Getting started
Hyper Fetchis a modern, open source framework for request-based and real-time communication, purpose-built to eliminate boilerplate and streamline data handling across any TypeScript environment—whether you're working in the browser, on the server, or in native platforms like React Native or Electron.
Modules
Our framework consist of the core modules which are responsible for the request-based and real-time communication or connecting to particular framework - like Hyper-Fetch React.
Getting Started
Start your journey with Hyper Fetch. Learn core concepts, installation, and basic setup to get up and running quickly.
Core
Discover the framework-agnostic heart of Hyper Fetch, with powerful features for building robust API clients.
Sockets
Enable real-time communication in your application with our WebSockets module for seamless data exchange.
React
Integrate Hyper Fetch into your React applications with custom hooks for effortless data fetching and state management.
HyperFlow
A powerful devtool for building, testing, and debugging your API connections, enhancing your development workflow.
CLI
The CLI for Hyper Fetch, use it to generate code from your api, add sdks, and more.
Environments
Core library should work in any JavaScript environment.
For frontend frameworks and libraries, we release additional packages that enrich core logic and add appropriate API connections for the given environment (as with the addition of hooks in React).
Web & PWA
Fully supported Web and PWA environments.
React
Fully supported React environments with hooks and integrations.
React Native
Fully supported React Native environments with hooks and integrations.
Next.js
Fully supported Next.js environments with hooks, integrations, hydration and SSR.
Electron
Fully supported Electron environments with hooks and integrations.
SSR
Fully supported SSR environments (Next.js, Astro, Tanstack Router) with hydration abilities.
Node.js
Supporting Node.js environments with server integrations.
Svelte
Hyper Fetch is working with Svelte, but do not expose any hooks yet.
Vue
Hyper Fetch is working with Vue, but do not expose any hooks yet.
Integrations
We also provide integrations for some of the most popular data-exchange libraries or services like Firebase.
Our Motivation
We got the idea for Hyper Fetch after leading several React projects. There are many great libraries using for fetching
data like Axios, SWR, and React Query. However, the logic that they provide is detached from each other – i.e. the
hooks are detached from the fetchers. So you often need to mix them together in order to fetch the data.
This gives users a lot of customization options, but it also comes with some issues - for example how to track upload/download progress, how to call the requests outside of the components while still using the caching and other features. It is hard to inform the hooks about the request status inside of the components or SSR environments.
Usually you’d need to build your logic every time you start developing a new application. And there is no
standard schema nor any standards on how to manage this. It usually causes the challenges on the project level in how
to name things, how to organize requests and of course you have to build the whole logic around it.
We decided to overcome this issue by creating a straightforward, opinionated, yet flexible fetching solution.
Our Goals
- Establish a consistent, neutral standard for seamless data exchange.
- Accelerate development by reusing logic and configurations, eliminating repetitive work across projects.
- Benefit from a comprehensive set of built-in fetching capabilities, easily extendable to meet custom requirements.
- Centralize server configurations to avoid duplication and ensure consistency between and within projects.
- Boost development speed: set up fetchers and dependencies in minutes, drastically reducing setup time.
- Effortlessly monitor request progress and manage queues with intuitive tracking tools.
- Leverage advanced offline support and data persistence features for robust application behavior.
- Improve developer experience and code quality through automated processes that prevent common errors.
Guides
We have many examples and guides to help you get started.