أدوات مطور React
استخدم أدوات مطور React لفحصالمكوناتفي React، وتحريرالخصائص والحالة، وتحديد مشاكل الأداء.
ما ستتعلمه
- كيفية تثبيت أدوات مطور React
امتداد المتصفح
أسهل طريقة لتصحيح أخطاء المواقع الإلكترونية المبنية باستخدام React هي تثبيت امتداد متصفح أدوات مطور React. وهو متاح للعديد من المتصفحات الشائعة:
الآن، إذا قمت بزيارة موقع إلكترونيمبني باستخدام React،فسترى لوحاتالمكونات والمحلل.
Safari والمتصفحات الأخرى
للمتصفحات الأخرى (مثل Safari)، قم بتثبيت حزمة npmreact-devtools:
بعد ذلك، افتح أدوات المطور من الطرفية:
ثم قم بتوصيل موقعك الإلكتروني عن طريق إضافة وسم<script>التالي إلى بداية<head>لموقعك الإلكتروني:
أعد تحميل موقعك الإلكتروني في المتصفح الآن لعرضه في أدوات المطور.
الهاتف المحمول (React Native)
لفحص التطبيقات المبنية باستخدامReact Native، يمكنك استخدامReact Native DevTools، وهو مصحح الأخطاء المدمج الذي يدمج أدوات مطور React بعمق. تعمل جميع الميزات بشكل مماثل لامتداد المتصفح، بما في ذلك تمييز العناصر الأصلية وتحديدها.
تعرف على المزيد حول التصحيح في React Native.
لإصدارات React Native الأقدم من 0.76، يرجى استخدام الإصدار المستقل من React DevTools باتباع دليلSafari والمتصفحات الأخرىأعلاه.