StateViz Chrome 拡張機能
StateVizは、ウェブアプリケーション内のデータフローを可視化するために設計された汎用Chrome拡張機能です。React、Svelteなどのさまざまなライブラリをサポートし、今後さらに多くのライブラリをサポートする予定です。この拡張機能は、異なるライブラリで構築されたアプリケーションを同時に調査できるマルチライブラリサポートを提供します。コンポーネント、DOM要素、Svelteブロックなどのライブラリ固有要素を含むアプリケーション構造の詳細な可視化を提供します。
ユーザーは、プロップ、ステート、Reactのコンテキストやフックなどのライブラリ固有の詳細を含むリアルタイムコンポーネントデータを調査できます。StateVizには、希望する要素のみを表示する要素フィルター、効率的なナビゲーションのためのDOM要素のハイライト、ユーザーの選好に応じたライトモードとダークモードの両方が提供されています。アプリケーションツリーへのアクセス権を必要としますが、この拡張機能はデータをリモートで送信せず、完全にGitHub上でオープンソースで公開されています。