React Inspector で Chrome OffiDocsで

DESCRIPTION

Chrome から React コンポーネントのソース コードを簡単に検出します。 ■要件 ・React Developer Toolsがインストールされていること ・開発ビルドでのみ動作します。

・ソースコードはローカルディスクに保存する必要があります ■仕組み React Inspector は、React Devtools によってグローバルに設定された __REACT_DEVTOOLS_GLOBAL_HOOK__ にアクセスし、インスペクターがマウスオーバーした HTML 要素内の React Fiber を検索します。

React Fiber には開発中に追加されるソース コードに関する情報が含まれているため、その情報を使用してエディターを開きます。

詳細: https://dev.

to/handdot/published-chrome-extension-for-streamlined-react-development-23b ■オプション 拡張機能のオプションページから「エディタで開くURL」を変更し、VSCode以外のエディタでも開けるようにすることが可能です。

■ソースコード この拡張機能はオープンソースです。

https://github からアクセスできます。

com/hand-dot/react-inspector。

バグを見つけた場合は、Github 経由で報告してください。

追加情報：

- ハンドドットで提供
- 平均評価 : 5 つ星 (とても気に入りました)
-開発者 このメールアドレスは、スパムロボットから保護されています。 アドレスを確認するにはJavaScriptを有効にする必要があります。

React インスペクター Web extension OffiDocsと統合 Chromium オンライン