Introduction

Welcome to @ahmadmubarak98/use-fetch, a lightweight and powerful React hook library designed to simplify fetching data within your React applications. This custom hook leverages the modern React features to make HTTP requests more straightforward and efficient, while also handling cache, loading states and errors gracefully.

Installation

npm install @ahmadmubarak98/use-fetch

Quick Start

1import { useFetch } from '@ahmadmubarak98/use-fetch'
2
3function ExampleComponent() {
4  const { data, error, isLoading } = useFetch({ url: 'https://dummyjson.com/users/1' })
5
6  if (error) return <div>failed to load</div>
7  if (isLoading) return <div>loading...</div>
8  return <div>hello {data.name}!</div>
9}

License

The MIT License.