React Developer Tools がどのようにReactのソースコードを特定しているのか調査してみる

2022-07-29

記事の要約: React Developer Toolsは、__REACT_DEVTOOLS_GLOBAL_HOOK__を介してHTMLElementからReact Fiberを取得し、_debugSourceプロパティを使用してソースコードの位置を特定します。具体的には、

最後まで読んでくれてありがとうな！もしこの記事が良かったと思ったら100円寄付してくれよな！
この100円はグミとかドクタッペッパーとかキャベツ太朗などおれが好きなお菓子に使われるんだ！
頼んだよ！見返りは求めるんじゃあないよ。それじゃよろしくな！