Ekstensi Chrome yang Menemukan Kode Sumber Komponen React

Ini adalah ekstensi Chrome yang memungkinkan Anda dengan cepat menemukan kode sumber komponen React melalui elemen yang dirender di browser.

Ekstensi ini dibuat saat kami menjalankan studi internal untuk menelusuri kode sumber React, dengan konsep, "kalau membaca kode sumber React, hal seperti ini juga bisa dibuat." Saya belum pernah benar-benar mempromosikan atau memperkenalkannya, tetapi ternyata cukup banyak developer di AS dan India yang menggunakannya dari mulut ke mulut, jadi saya membagikannya di sini sebagai perkenalan.

Setelah memasang ekstensi, buka tab React Code Finder di DevTools, lalu Anda bisa dengan cepat menemukan kode komponen di lingkungan pengembangan, membukanya di IDE, atau mengeditnya.

Sepertinya ini akan berguna bagi mereka yang kesulitan cepat menemukan kode sumber berdasarkan elemen yang dirender seiring skala aplikasi membesar, yang merasa usability ekstensi react-devtools masih kurang memuaskan, atau yang ingin memodifikasi kode secara real-time dan langsung memeriksa perubahan di browser.

Untuk cara penggunaan yang lebih detail, silakan lihat README.md di bawah ini~!

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

Tautan Github

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

[unqocn]

Sebagai referensi, setelah saya merilis ekstensi ini, ternyata sudah ada produk dengan nama Locatorjs sebagai ekstensi/library serupa!

Dari pengalaman penggunaan pribadi, ekstensi saya terasa sedikit lebih nyaman, tetapi saya juga merasa itu bisa jadi hanya karena saya sudah terbiasa dengannya, haha.

Kalau Anda tertarik dengan fungsi seperti ini, sepertinya ada baiknya juga melihat produk tersebut.

https://www.locatorjs.com/