@hmn/use-fetch

Fetch hook implementation with abort

$3

``
npm install --save @hmn/use-fetch
`

$3

`javascript
import useFetch from '@hmn/use-fetch'
`

$3

`jsx
const Demo = () => {
const { result = [] } = useFetch('https://api.punkapi.com/v2/beers/random')
const beer = result[0]

if (beer) {
const { name, image_url } = beer

return (


return null
}
`

$3

#### Pending state, error, run method (for refetching data)

`jsx
const DemoAdvanced = () => {
const { pending, error, result = [], run } = useFetch('https://api.punkapi.com/v2/beers/random')

if (pending) {
return
}

if (error) {
return

render()
``