react 3.0.6-alpha.0.17
Install from the command line:
Learn more about npm packages
$ npm install @exceptionless/react@3.0.6-alpha.0.17
Install via package.json:
"@exceptionless/react": "3.0.6-alpha.0.17"
About this version
The Exceptionless React package provides a native way to handle errors and events in React. This means errors inside your components, which tend to crash your entire app, can be sent to Exceptionless and you can be alerted. Additionally, you can use this package to catch errors throughout your non-component functions such as in Redux actions, utility functions, etc.
To use this package, your must be using ES6 and support ESM modules.
npm install @exceptionless/react --save
While your app is starting up, you should call startup
on the Exceptionless
client. This ensures the client is configured and automatic capturing of
unhandled errors occurs.
import { Exceptionless, ExceptionlessErrorBoundary } from "@exceptionless/react";
class App extends Component {
async componentDidMount() {
await Exceptionless.startup((c) => {
c.apiKey = "API_KEY_HERE";
c.setUserIdentity("12345678", "Blake");
c.defaultTags.push("Example", "React");
});
}
render() {
return (
<ExceptionlessErrorBoundary>
<div>// YOUR APP COMPONENTS HERE</div>
</ExceptionlessErrorBoundary>
);
}
}
export default App;
While errors within the components themselves are automatically sent to Exceptionless, you will still want to handle events that happen outside the components.
Because the Exceptionless client is a singleton, it is available anywhere in your app where you import it. Here's an example from a file we'll call utilities.js
.
export const myUtilityFunction = async () => {
try {
// Handle successful run of code
} catch (e) {
// If there's an error, send it to Exceptionless
await Exceptionless.submitException(e);
}
};
You can also sent events and logs that are not errors by simply calling the built-in methods on the Exceptionless class:
await Exceptionless.submitLog("Hello, world!");
await Exceptionless.submitFeatureUsage("New Shopping Cart Feature");
Please see the docs for more information on configuring the client.
If you need help, please contact us via in-app support, open an issue or join our chat on Discord. We’re always here to help if you have any questions!
Details
- react
- exceptionless
- 9 months ago
- Apache-2.0
- 8 dependencies
Assets
- react-3.0.6-alpha.0.17.tgz
Download activity
- Total downloads 0
- Last 30 days 0
- Last week 0
- Today 0