React bileşenlerinin kaynak kodunu bulan Chrome uzantısı

Tarayıcıda render edilen öğeler üzerinden React bileşenlerinin kaynak kodunu hızlıca bulmanızı sağlayan bir Chrome uzantısıdır.

Şirket içinde React kaynak kodunu derinlemesine inceleme odaklı bir çalışma yaparken, "React kaynak kodunu okursanız böyle şeyler de yapabilirsiniz" konseptiyle oluşturulmuş bir uzantı. Özellikle tanıtım ya da paylaşım yapmış değildim ama kulaktan kulağa Amerika ve Hindistan’daki geliştiriciler tarafından epey kullanıldığını görünce tanıtmak istedim.

Uzantıyı kurduktan sonra geliştirici araçlarındaki React Code Finder sekmesini açarsanız, geliştirme ortamında bileşen kodunu hızlıca bulup IDE’de açabilir veya düzenleyebilirsiniz.

Uygulama ölçeği büyüdükçe render edilen öğelere bakarak kaynak kodu hızlıca bulmakta zorlananlar, react-devtools uzantısının kullanım deneyimini yetersiz bulanlar ya da kodu gerçek zamanlı düzenleyip değişiklikleri tarayıcıda görmek isteyenler için faydalı olabilir.

Ayrıntılı kullanım için aşağıdaki README.md dosyasına göz atın~!

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

Github bağlantıları

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

[unqocn]

Bu arada, eklentiyi yayımladıktan sonra Locatorjs adında benzer bir eklenti/kütüphane ürününün zaten var olduğunu fark ettim!

Kişisel kullanım deneyimimde benim eklentim biraz daha rahattı, ama bunun sadece benim ona alışık olmamdan kaynaklanıyor olabileceğini de düşünüyorum haha

Bu tür özelliklerle ilgilenenler, ilgili ürüne de göz atabilir diye düşünüyorum.

https://www.locatorjs.com/