Chrome-Erweiterung zum Finden des Sourcecodes von React-Komponenten

Dies ist eine Chrome-Erweiterung, mit der sich über im Browser gerenderte Elemente der Sourcecode von React-Komponenten schnell finden lässt.

Sie wurde im Rahmen einer internen Study-Group zum Erkunden von React-Sourcecode unter dem Konzept „Wenn man React-Sourcecode liest, kann man auch so etwas machen“ entwickelt. Ich habe sie nie besonders beworben oder vorgestellt, aber nach und nach nutzen sie doch einige Entwickler in den USA und in Indien, daher möchte ich sie hier kurz vorstellen.

Nach der Installation der Erweiterung können Sie im Tab „React Code Finder“ in den Entwicklertools den Komponenten-Code in der Entwicklungsumgebung schnell finden, in der IDE öffnen oder bearbeiten.

Sie dürfte besonders nützlich sein für alle, denen es mit wachsender App-Größe schwerfällt, Sourcecode anhand gerenderter Elemente schnell zu finden, die mit der Bedienbarkeit der react-devtools-Erweiterung unzufrieden waren oder die Code in Echtzeit ändern und Änderungen direkt im Browser prüfen möchten.

Ausführliche Nutzungshinweise finden Sie in der README.md unten.

https://github.com/Jonghakseo/react-code-finder-extension/…

Github-Links

https://github.com/Jonghakseo/react-code-finder-extension
https://github.com/Jonghakseo/react-code-finder-server

[unqocn]

Zur Info: Nachdem ich die Erweiterung veröffentlicht hatte, habe ich gesehen, dass es bereits ein ähnliches Produkt als Erweiterung/Bibliothek mit dem Namen Locatorjs gibt!

Nach meiner persönlichen Nutzungserfahrung war meine Erweiterung etwas komfortabler, aber ich denke, das könnte auch einfach daran liegen, dass ich an sie gewöhnt bin, haha.

Wenn Sie an solchen Funktionen interessiert sind, lohnt es sich vielleicht, sich auch dieses Produkt anzusehen.

https://www.locatorjs.com/