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:
