شرح صفوف ومحتوى الفقرة
يبدأ تحسين الأداء الحقيقي في React بفهم السؤال الجوهري: ما الذي يُطلق إعادة التصيير فعلياً؟ بعد التركيب الأولي، لا تبدأ React عملية إعادة تصيير إلا عند استدعاء دالة تحديث حالة عبر useState() أو useReducer()، أو عند تغير قيمة مزود سياق Context يقرؤه المكون.
وبمجرد بدء إعادة تصيير المكون الأب، تستدعي React دالته لحساب لقطة JSX الجديدة ثم تعيد افتراضياً تصيير جميع المكونات الأبناء الواقعة داخله لضمان اتساق الواجهة.
HTML
function Dashboard() {
const [count, setCount] = useState(0);
return (
<section>
<button onClick={() => setCount(c => c + 1)}>
Refresh Pulse ({count})
</button>
<StaticSummaryBanner />
</section>
);
}