[license]:https://img.shields.io/npm/l/@crushers-lab/axios-hooks
[version]:https://img.shields.io/npm/v/@crushers-lab/axios-hooks
[npm-url]: https://www.npmjs.com/package/@crushers-lab/axios-hooks
[size]: https://packagephobia.now.sh/badge?p=@crushers-lab/axios-hooks
[size-url]: https://packagephobia.now.sh/result?p=@crushers-lab/axios-hooks

Axios Hooks

[![npm][version]][npm-url]
[![license][license]][npm-url]
[![size][size]][size-url]

Requirements

Requires
* React minimum 16.8.0
* Axios
* Prop Types

Install

``bash
npm i @crushers-lab/axios-hooks
`
OR
`bash
yarn add @crushers-lab/axios-hooks
`

Dependencies if not installed


`bash
npm i react axios prop-types
`
OR
`bash
yarn add react axios prop-types
`

Usage

$3

`jsx
import { AxiosProvider } from "@crushers-lab/axios-hooks";
import Axios from 'axios';

const connector = Axios.create();

function App() {
return (

...


)
}
`

$3

`jsx
import {useGet} from '@crushers-lab/axios-hooks';
function ExampleComponent() {
const [data, error, isLoading, status, reload ] = useGet('/user');
if(isLoading) {
return

;
}
if(error) {
return

{error}

;
}

return

{data}

}
`

$3

`jsx
import {usePostCallback} from '@crushers-lab/axios-hooks';
function MyComponent() {
const postData = usePostCallback('/user');
const onSubmit = ()=>{
const data = {};
postData({data}).then(console.log).catch(console.error);
// Business logic
}

return Submit
}
`

$3

`jsx
import {AxiosGet, useAxiosData, useAxiosError} from "@crushers-lab/axios-hooks";
function MyComponent() {
return (
Loading...