مفتش React: اكتشف بسهولة رمز المصدر لمكونات React من متصفح Chrome
مفتاح React Inspector هو إضافة مجانية لمتصفح Chrome تم تطويرها بواسطة hand-dot تسمح للمطورين بالكشف بسهولة عن مصدر رموز مكونات React. باستخدام اختصار لوحة المفاتيح البسيط (Ctrl+Shift+X على نظام Windows أو Command+Shift+X على نظام Mac)، يمكن للمستخدمين تشغيل المفتش وبدء تفحص مكونات React.
لاستخدام React Inspector، يحتاج المستخدمون إلى تثبيت أدوات مطوري React والعمل مع إصدارات التطوير. تقوم الإضافة بالوصول إلى __REACT_DEVTOOLS_GLOBAL_HOOK__ المعرفة على نطاق عالمي من قبل أدوات مطوري React وتحدد React Fiber في عنصر HTML الذي يتم تحويم المفتش فوقه. يحتوي React Fiber على معلومات قيمة حول الشفرة المصدرية، والتي يمكن فتحها في محرر لمزيد من التحليل والتطوير.
إحدى الميزات الرئيسية لـ React Inspector هي مرونتها. يمكن للمستخدمين تخصيص "عنوان URL للفتح في المحرر" من صفحة خيارات الإضافة، مما يتيح لهم فتح الشفرة المصدرية في محرر اختيارهم، بخلاف VSCode.