Overview
With the Datadog React integration
, resolve performance issues quickly in React components by:
- Debugging the root cause of performance bottlenecks, such as a slow server response time, render-blocking resource, or an error inside a component
- Automatically correlating React performance data with user journeys, AJAX calls to the server side, and logs
- Alerting your engineering teams when crucial performance metrics for React (such as Core Web Vitals) fall below a threshold that results in a poor user experience
Monitor your React applications from end-to-end by:
- Tracking and visualizing user journeys across your entire stack
- Debugging the root cause of slow load times, which may be an issue with your React code, network performance, or underlying infrastructure
- Analyzing and contextualizing every user session with attributes such as user ID, email, name, and more
- Unifying full-stack monitoring in one platform for frontend and backend development teams
Setup
Collect RUM events
To start collecting Real User Monitoring events from your React application, see React Monitoring
.
Collect traces
Your React application automatically sends traces to Datadog.
Collect logs
To start forwarding your React application’s logs to Datadog, see React Log Collection
.
Data Collected
Metrics
The React integration does not include any metrics. To generate custom metrics from your RUM application, see Generate Metrics
.
Events
For more information about events and attributes, see RUM React Data Collected
.
Service Checks
The React integration does not include any service checks.
Troubleshooting
Need help? Contact Datadog Support
.
Further Reading
Additional helpful documentation, links, and articles: