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: