Faro package that enables easier integration in projects built with React.
npm install @grafana/faro-reactFaro package that enables easier integration in projects built with React.
Out of the box, the package provides you the following features:
- Error Boundary - Provides additional stacktrace for errors and configuration options for
pushError behavior
- Component Profiler - Capture every re-render of a component, the un/mounting time etc
- Router (v4–v7) integration - Send events for all route changes.
The Faro Web SDK is a highly configurable open source real user monitoring (RUM) library built on
OpenTelemetry and integrating seamlessly with Grafana Cloud and Grafana Frontend Observability.
Faro-React is a distribution of the Faro Web SDK for project using React, which offers easier
integrations and the following features:
- Support for React Router v4–v7: send events for all route changes, including the data
router API
- Error boundary: enhancements to stack traces and configuration options for pushError behavior
- Component profiler: to capture component renders, un/mounting time, and more.
For a complete guide to instrumenting web applications with the Faro-React Web SDK, refer to our
Grafana Cloud Frontend Observability documentation.