React

Supported OS Android Linux Windows iOS Mac OS

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: