React Inspector: Łatwo wykrywaj kod źródłowy komponentów React z przeglądarki Chrome.
React Inspector to darmowe rozszerzenie dla przeglądarki Chrome, opracowane przez hand-dot, które umożliwia programistom łatwe wykrywanie kodu źródłowego komponentów React. Za pomocą prostego skrótu klawiszowego (Ctrl+Shift+X w systemie Windows lub Command+Shift+X na komputerach Mac) użytkownicy mogą uruchomić inspektora i rozpocząć badanie komponentów React.
Aby korzystać z React Inspector, użytkownicy muszą mieć zainstalowane narzędzia dla deweloperów React oraz pracować z wersjami deweloperskimi. Rozszerzenie uzyskuje dostęp do globalnego obiektu __REACT_DEVTOOLS_GLOBAL_HOOK__ ustawianego przez narzędzia React Devtools i identyfikuje React Fiber w elemencie HTML, nad którym znajduje się inspektor. React Fiber zawiera cenne informacje o kodzie źródłowym, które można otworzyć w edytorze w celu dalszej analizy i rozwoju.
Jedną z kluczowych cech React Inspector jest jego elastyczność. Użytkownicy mogą dostosować adres URL "Otwórz w edytorze" na stronie opcji rozszerzenia, co pozwala im otwierać kod źródłowy w wybranym przez siebie edytorze, innym niż VSCode.