react-error-handler
A higher order function that handles error boundary in React 16+ components. No additional module dependecies needed!
About
A component wrapper to handle error handling within a child component.
Installing
To install the module:
npm i react-error-handler --save
Demonstration
CodePen:
Herokuapp:
Example
To run the Example on local
git clone https://github.com/jojo-tutor/hoc-error-boundary.git
cd hoc-error-boundary
npm i
npm start
Usage
Ex. 1:
import ErrorHandler from 'react-error-handler'; <ErrorHandler = => <WrappedComponent /></ErrorHandler>
Ex. 2:
import React Component from 'react';import withErrorHandler from 'react-error-handler'; { return <div>Example 2</div> ; }Example2;
Ex. 3
import React Component from 'react';import withErrorHandler from 'react-error-handler'; const FunctionalComponent1 = props return <div> Example 3 </div> const WrappedFunctional1 = { return <div ='example3'> <WrappedFunctional1 /> </div> ; }
Authors
Jojo E. Tutor
License
This project is licensed under the MIT License - see the LICENSE file for details
Enjoy :)