この記事はReact #2 Advent Calendar 2020の12日目の記事です 概要 最近はNext.jsばかり使ってますが久しぶりにCreateReactAppを使ってみたらreportWebVitals.tsという見慣れないファイルが生成されていたのを見たのが今日の記事のきっかけです Reactアプリの雛形生成ツールであるCreateReactAppはv4でWebVitalsの計測ライブラリがデフォルトで組み込まれるようになりました https://github.com/facebook/create-react-app/releases/tag/v4.0.0 せっかくなのでドキュメントに沿って少し試してみたいと思います ファイルの確認 まずは生成されたコードを見てみましょう create-react-appコマンドで雛形を生成します . ├── README.md ├──