React Inspector: Erkennen Sie ganz einfach den Quellcode von React-Komponenten in Chrome.
React Inspector ist eine kostenlose Chrome-Erweiterung, die von hand-dot entwickelt wurde und es Entwicklern ermöglicht, React-Komponenten-Quellcode leicht zu erkennen. Mit nur einer einfachen Tastenkombination (Strg+Shift+X unter Windows oder Command+Shift+X unter Mac) können Benutzer den Inspector starten und mit der Inspektion von React-Komponenten beginnen.
Um React Inspector zu verwenden, müssen Benutzer React Developer Tools installiert haben und mit Entwicklungsbuilds arbeiten. Die Erweiterung greift auf __REACT_DEVTOOLS_GLOBAL_HOOK__ zu, das von React Devtools global festgelegt wird, und identifiziert den React Fiber im HTML-Element, über dem der Inspector schwebt. Der React Fiber enthält wertvolle Informationen über den Quellcode, der in einem Editor zur weiteren Analyse und Entwicklung geöffnet werden kann.
Eine der wichtigsten Funktionen von React Inspector ist seine Flexibilität. Benutzer können die "Im Editor öffnen URL" von der Optionsseite der Erweiterung anpassen, sodass sie den Quellcode in einem Editor ihrer Wahl öffnen können, der nicht VSCode ist.
