React開発を快適にするChrome拡張を公開したので見てください！

React Inspector というChrome拡張機能を作りました。 Chrome上でインスペクタを起動し、クリックしたReactコンポーネントのソースコードをピンポイントでエディターで開きます。(現在はVSCodeのみ対応) 追記: ↑2022/09/12 オプションページから "Open in Editor URL" を設定できるようにし任意のエディターのURLスキーマで開くことができるようになりました...! Chrome web store: https://chrome.google.com/webstore/detail/react-inspector/gkkcgbepkkhfnnjolcaggogkjodmlpkh GitHub: https://github.com/hand-dot/react-inspector Reactのソースコードに直接ジャンプできるのでUIか

[yamadashy]

便利そう。前に mizchi さんが似たようなことやってたような？

[mumei-0]

“Chrome上でインスペクタを起動し、クリックしたReactコンポーネントのソースコードをピンポイントでエディターで開きます。”

[mizdra]

ブラウザ拡張入れるだけで動いて便利！似たようなものに https://github.com/zthxxx/react-dev-inspector があるけど、コードを変更しないといけない & Next.js だと Custom Server を使わないといけなくて、導入断念してたのだった。

[yarumato]

“Chrome上でインスペクタを起動し、クリックしたReactコンポーネントのソースコードをVSCodeで開きます。UIからのコードの特定が楽になります。Reactチームが公式に提供しているChrome拡張機能React Developer Toolsが別途必要”