React

概要

Datadog React インテグレーションで、React コンポーネントのパフォーマンス問題を迅速に解決します。

• サーバーの応答速度が遅い、レンダーブロックするリソース、コンポーネント内のエラーなど、パフォーマンスボトルネックの根本原因をデバッグ
• React のパフォーマンスデータをユーザージャーニー、サーバーサイドへの AJAX コール、ログと自動的に相関付け
• React の重要なパフォーマンスメトリクス (Core Web Vitals など)がしきい値を下回り、ユーザーエクスペリエンスが低下した場合にエンジニアリングチームにアラートを発信

React アプリケーションをエンドツーエンドで監視します。

• スタック全体におけるユーザージャーニーを追跡、視覚化
• ロードタイムが遅くなる根本的な原因をデバッグ。React のコード、ネットワークパフォーマンス、または基礎的なインフラストラクチャーの問題である可能性があります。
• ユーザー ID、電子メール、名前などの属性で、すべてのユーザーセッションを分析し、コンテキストを作成
• フロントエンドとバックエンドの開発チームのために、フルスタックモニタリングを 1 つのプラットフォームで実現

セットアップ

RUM イベントの収集

React アプリケーションからリアルユーザーモニタリングのイベント収集を開始するには、React モニタリングを参照してください。

トレースの収集

React アプリケーションは、自動的に Datadog にトレースを送信します。

ログの収集

React アプリケーションのログを Datadog に転送し始めるには、React ログ収集をご覧ください。

収集データ

メトリクス

React インテグレーションには、メトリクスは含まれていません。RUM アプリケーションからカスタムメトリクスを生成するには、メトリクスの生成を参照してください。

イベント

イベントや属性の詳細については、RUM React データ収集を参照してください。

サービスチェック

React インテグレーションには、サービスのチェック機能は含まれません。

トラブルシューティング

ご不明な点は、Datadog のサポートチームまでお問い合わせください。

その他の参考資料

お役に立つドキュメント、リンクや記事:

• React モニタリング