Remote data management hooks for react
npm install react-remote-data-hooks> Remote data management hooks. Load data using hooks and perfom a remote action using hooks
 
``bash`
npm install --save react-remote-data-hooks
- useDataLoader
`tsx
import React, from 'react'
import { useDataLoader } from 'react-remote-data-hooks'
const Example = props => {
const { data, loaded, loading, error, reload } = useDataLoader
if(!loaded || loading) {
return loader; // Shw your loader here
}
if(error){
return renderError(); // render your error message here;
}
return
}
`
- usePerformAction
`tsx
import React, from 'react'
import { usePerformAction } from 'react-remote-data-hooks'
const Example = props => {
const { isPerforming, performAction, error } = usePerformAction(myAction, onSuccess, onError); // onSuccess and onError are optional
if(isPerforming) {
return loader; // Shw your loader here
}
if(error){
return renderError(); // render your error message here;
}
return // passing the loaded data here
}
``
MIT © skkallayath