「React Inspector」を使ったらUIからのコード特定がすごく楽になった話

目次

どんな問題を解決してくれたか？
参考記事

どんな問題を解決してくれたか？

UI画面上からソースコードを特定するのに時間がかかる問題を解決してくれた。
コードを探すのに地味に時間をとられるので、めちゃくちゃありがたいツール。
BeforeAfterをどうぞ。

※ChromeからVSCodeを開く際、「ウェブサイトがこのアプリケーションを開く許可を求めています。」ダイアログがいちいち表示されてめんどくさい！となったのでMacのコンソールで以下を流し、Chromeを再起動したら出なくなった👍

defaults write com.google.Chrome URLAllowlist -array "vscode://*"

参考記事

・React Inspectorを作った方の機能紹介記事
https://qiita.com/hand-dot/items/608977ea795512dd4bc0

・URLAllowlistをMacのターミナルから設定する方法
https://owky.github.io/blog/2022/01/09/mac-chrome-url-allow-list.html