What is Hyper Fetch?

Hyper Fetch is a unique fetching and real-time data exchange framework meticulously crafted to prioritize simplicity and efficiency. Its typesafe design and user-friendly interface ensure a seamless integration experience, whether you’re working on the browser or the server. Next-generation features streamline architecture creation, grant access to the request lifecycle, and empower rapid development of new components and functionalities, all while facilitating real-time data exchange.

Key Features

• Simple setup – Read more
• Easy cancellation – Read more
• Deduplicate similar requests – Read more
• Queueing – Read more
• Response Caching – Read more
• Offline First – Read more
• Built-in fetcher – Read more
• Authentication – Read more
• Smart Retries – Read more

Installation

The easiest way to get the latest version of Hyper Fetch is to install it via yarn or npm.

Core

npm install --save @hyper-fetch/core  # or
yarn add @hyper-fetch/core

Sockets

npm install --save @hyper-fetch/sockets  # or
yarn add @hyper-fetch/sockets

React

npm install --save @hyper-fetch/core @hyper-fetch/react  # or
yarn add @hyper-fetch/core @hyper-fetch/react

Examples

Simple Setup

import Client from '@hyper-fetch/core';

// Setup our connection to the server
export const client = new Client({
    url: 'http://localhost:3000',
});

// Create reusable requests for later use
export const postData = client.createRequest()({
    method: 'POST',
    endpoint: 'data/:accountId',
});

export const getData = client.createRequest()({
    method: 'GET',
    endpoint: 'user',
});

Sending Requests

Executing previously prepared requests is very simple. We can do this using the send method.

const { data, error, status } = await getData.send();

Mutation Requests

We can modify request parameters dynamically, like an artist adjusting colors before completing a masterpiece. Here’s how:

// Set the information to request
const request = postData
    .setParams({ accountId: 104 }) // Set Params
    .setQueryParams({ paramOne: 'test', paramTwo: 'test2' }) // Set Query Params
    .setData({ name: 'My new entity', description: 'Some description' }) // Add payload data
    .send();

Troubleshooting

If you encounter any issues while using Hyper Fetch, here are a few troubleshooting tips:

• Ensure your server endpoint is correctly specified.
• Check for network connectivity issues.
• Verify that the request parameters and headers are set properly.
• Consult the documentation for detailed guides.

For more insights, updates, or to collaborate on AI development projects, stay connected with fxis.ai.

At fxis.ai, we believe that such advancements are crucial for the future of AI, as they enable more comprehensive and effective solutions. Our team is continually exploring new methodologies to push the envelope in artificial intelligence, ensuring that our clients benefit from the latest technological innovations.