react-api-error-boundary
An easy way to centralize API calls on data dependent components
Install
npm install --save react-api-error-boundary
or
yarn add react-api-error-boundary
Usage
In your App.js
, initialize the Provider
import React useState useEffect from 'react'import Axios from 'axios' import Data from './MyDataDependentComponent'import useErrorBoundary ErrorBoundaryProvider from 'react-api-error-boundary'import ErrorUI from './MyErrorFallbackUI'import LoadingUI from './MyLoadingFallbackUI'import logErrorToService from './logErrorToService' <ErrorBoundaryProvider = = => <Data /> /* ...More routes/components here */</ErrorBoundaryProvider>
Then use the Context on your page
import React useEffect useState from 'react'import Axios from 'axios'import useErrorBoundary from 'react-api-error-boundary' const Data = const makeApiRequest = const data setData = return <code>data</code>
License
MIT © shreykumar