تقييم الدرس 23
تحسين أداء الواجهة
أجب عن الأسئلة ثم اضغط «صحّح ورقتي» في آخر الصفحة. ← العودة إلى الدرس
أسئلة التقييم
تقييم الدرس 23: تحسين أداء الواجهة. إجاباتك تُحفظ تلقائيًّا على هذا الجهاز؛ أجب ثم اضغط «صحّح ورقتي».
1السؤال الأول: اختر الإجابة الصحيحة
1) صورة بلا
width و height تسبب غالبًا مشكلة في:2) أداة تحفظ نتيجة حساب مكلف بين الرسمات:
3) أداة تُظهر أي مكوّن أُعيد رسمه وكم استغرق:
4) كم مرة يطبع هذا المكوّن «رسم» عند فتح الصفحة؟
import { memo } from 'react';const Box = memo(function Box() { console.log('رسم'); return <p>صندوق</p>; });export default function App() { return <Box />; }
2السؤال الثاني: صح أم خطأ
1) يُستحسن لفّ كل مكوّن بـ
memo مهما كان صغيرًا.الصواب: خطأ
2)
loading="lazy" يؤجل تحميل الصور البعيدة عن الشاشة.الصواب: صح
3) مصفوفة تُكتب داخل المكوّن مباشرة لها المرجع نفسه في كل رسم.
الصواب: خطأ
3السؤال الثالث: أكمل الفراغات من القائمة المنسدلة
1) لمنع إعادة إنشاء دالة تُمرَّر لمكوّن
memo نستخدم .الإجابة: useCallback
2) رسم العناصر الظاهرة فقط من قائمة طويلة يسمى .
الإجابة: Virtualization
أجب عن الأسئلة ثم اضغط «صحّح ورقتي».