ركّب تطبيق React الحديث عبر دالة createRoot، وافحص نقاء المكونات أثناء التطوير بغلاف StrictMode، واستخدم إضافة React Developer Tools لتشخيص الأخطاء بمهارة.
2 صفوف تعليمية
ReactJS
2 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
يتفاجأ كثير من المبتدئين عند رؤية جملة طباعة console.log داخل دالة المكون تعمل مرتين متتاليتين أثناء التطوير المحلي. هذا السلوك مقصود وصحي تماماً! إذ يستدعي StrictMode دالة المكون مرتين في بيئة التطوير للتأكد من أنها دالة نقية تعيد نفس النتيجة دائماً؛ فلا تحذف غلاف StrictMode لإخفاء المشكلة، بل أصلح سبب التعديل غير النقي.
الصف 2
ملاحظة هامة
جميع فقرات هذا الدرس (نقطة التركيب والوضع الصارم وأدوات مطوري React)
