6pp

Description

useFetchData is a powerful custom React hook for fetching data from an API. It provides a simple and efficient way to fetch data, handle loading and error states, and cache responses for improved performance.

The hook uses the Fetch API for data fetching and a local cache for storing the fetched data. This reduces the number of network requests and improves the speed and responsiveness of your application.

The useFetchData hook also provides refetch and clearCache functions, giving you full control over when to refetch the data and when to clear the cache. This makes it a flexible and versatile tool for any application that needs to fetch and manage data from an API.

6pp is a versatile library that provides custom hooks and components for handling common functionalities in React applications.

Features

useFetchData

A custom hook for making HTTP requests and handling data fetching.

Usage

import { useFetchData } from '6pp';

const YourComponent = () => {
  const { data, loading, error, refetch, clearCache } = useFetchData<YourDataType>(url, key);

  // Your component logic using the fetched data

  return (
    // Your JSX
  );
};

Parameters

• url (string): The URL to fetch the data from.
• key (string): A unique key to identify and cache the fetched data.

Return Values

• data (YourDataType): The fetched data.
• loading (boolean): Indicates whether the data is currently being loaded.
• error (string): An error message if the fetch encounters an error.
• refetch (function): A function to manually trigger a data refetch.
• clearCache (function): A function to clear the cached data.

Installation

npm install 6pp

Contributing

We welcome contributions! If you find any issues or have suggestions, please open an issue or submit a pull request.