http-react

$3

Http React is a React hooks library for data fetching. It's built on top of the native Fetch API.

$3

With one hook call, you get all the information about a request that you can use to build UIs that are consistent and performant:

``jsx
import useFetch from 'http-react'

// This is the default fetcher.
const fetcher = (url, config) => fetch(url, config)

export default function App() {
const { data, loading, error, responseTime } = useFetch('/api/user-info', {
refresh: '30 sec',
fetcher
})

if (loading) return

Loading

if (error) return

An error ocurred

return (


`tsx
// actions.ts
'use server'

import { actionData } from 'http-react'

export async function getData({ id }: { id: number }) {
return actionData({
foo: 'bar'
})
}
`

`tsx
// page.tsx
'use client'
import { useAction } from 'http-react'

import { getData } from '@/actions'

export default function Page() {
// data has static typing inferred from the action result
const { data, isPending, error } = useAction(getData, {
params: {
id: 1 // This will show an error if id is not a number
}
})

return isPending ? (


Loading...

`bash
npm install --save http-react
`

Or

`bash
yarn add http-react
``

Getting started