React Developer Tools Google Chrome向けのアプリ

React開発者ツール-Chrome用の新しいタブ拡張機能

ChromeのReactDeveloperTools strong>拡張機能を使用すると、選択した要素のコンポーネントツリーをブラウザで表示できます。

コードを調べることでReactコンポーネントの場合、変更を加えてブラウザですぐに結果を確認できます。 p>

ツリーに複数の要素を追加できるため、各要素のコンポーネント階層を個別に検査できます。 p >

コンポーネントの編集が終了したら、ブレッドクラムを使用してコンポーネントの親コンポーネント間を移動できます。 p>

Chrome用のReact開発者ツール strong>は、選択した要素のパフォーマンス情報を記録し、後で記録されたパフォーマンスを表示できるようにするプロファイラーでもあります。 p>