React 18によるアプリケーションのパフォーマンス向上について - VercelReact 18では、アプリケーションのレンダリング方法が根本的に変わる「concurrent（同時）」な機能が導入されました。これらの最新機能がアプリケーションのパフォーマンスにどのような影響を与えるかを探ってみましょう。 まずは、長いタスクと対応するパフォーマンスの測定について基本を理解しましょう。 メインスレッドと長いタスク ブラウザでJavaScriptを実行する際に、JavaScriptエンジンは「メインスレッド」と呼ばれるシングルスレッドの環境でコードを実行します。JavaScriptコードの実行だけでなく、メインスレッドはクリックやキーストロークなどのユーザーの操作、ネットワークイベントの処理、タイマーの実行、アニメーションの更新、ブラウザの再レイアウトや再描画の管理など、他のタスクも処理します。 メインスレッドはタスクを一つずつ処理します メインスレッドはタスクを一つずつ処
