Traceo SDK for React
Library for integration with Traceo Platform.
Installation
To install this SDK add this package to your project like below:
yarn add @traceo-sdk/react
or
npm install @traceo-sdk/react
Usage
To use this SDK initialize TraceoClient
in your application.
import { TraceoClient } from "@traceo-sdk/react";
new TraceoClient(<project_api_key>, {
host: <traceo_host>
});
// your code
ReactDOM.render(<App />, document.getElementById("root"));
And thats all what you need to handle errors and exceptions in your app.
Error Boundary
If you are using React in version >16 you can use ErrorBoundary
component imported from @traceo-sdk/react
to catch errors anywhere in the child components.
const traceoInstance = new TraceoClient(<project_api_key>, {
host: <traceo_host>
});
<ErrorBoundary traceo={traceoInstance} fallback={(error) => <Fallback error={error} />}>
// child components
</ErrorBoundary>
Performance
To enable collect of web-vitals data, you have to set performance
param to true
like below:
new TraceoClient(<project_api_key>, {
host: <traceo_host>,
performance: true
});
Support
Feel free to create Issues, Pull Request and Discussion.