Tepki Denetçisi Chrome OffiDocs ile

TANIM

React bileşenlerinin kaynak kodunu Chrome'dan kolayca tespit edin! ■Gereksinimler ・Yüklü React Geliştirici Araçları ・Yalnızca geliştirme derlemeleriyle çalışır.

・Kaynak kodu yerel diskte saklanmalıdır ■Nasıl çalışır React Inspector, React Devtools tarafından global olarak ayarlanan __REACT_DEVTOOLS_GLOBAL_HOOK__'a erişir ve denetçinin üzerine geldiği HTML öğesinde React Fiber'i bulur.

React Fiber, geliştirme sırasında eklenecek kaynak kodu hakkında bilgi içerir, dolayısıyla bu bilgiyi editörü açmak için kullanırız.

Detay: https://dev.

to/handdot/published-chrome-extension-for-streamlined-react-development-23b ■Seçenekler Uzantının seçenekler sayfasından 'Düzenleyici URL'sinde Aç' seçeneğini değiştirerek onu VSCode dışında bir düzenleyicide açabilmeniz mümkündür. .

■Kaynak Kodu Bu uzantı Açık kaynaktır.

https://github adresinden erişebilirsiniz.

com/hand-dot/react-inspector.

Bir hata bulursanız lütfen bunu Github aracılığıyla bildirin!

Ek bilgi:

- Elle nokta ile sunulur
- Ortalama puan: 5 yıldız (beğendim)
- Geliştirici Bu e-posta adresi spam robotlarından korunuyor. Sen, görüntülüyebilmek için JavaScript etkinleştirilmelidir gerekir.

React Inspector ağı extension OffiDocs ile entegre Chromium Online