شرح صفوف ومحتوى الفقرة
القاعدة الهندسية الصارمة هي القياس قبل التحسين. تتيح أداة Profiler داخل إضافة React Developer Tools تسجيل تفاعل حقيقي وعرض مخطط اللهب (Flamegraph) حيث تمثل الأشرطة الرمادية مكونات لم يُعَد رسمها، بينما تكشف الأشرطة الصفراء العريضة المكونات البطيئة فعلياً.
كما توفر المكتبة برمجياً مكون <Profiler> المدمج لقياس زمن التركيب والتحديث الفعلي بالمللي ثانية عبر دالة onRender:
HTML
import { Profiler } from 'react';
function onRender(id, phase, actualDuration) {
console.log(id, phase, actualDuration.toFixed(2));
}
// Wrap target subtree:
// <Profiler id="List" onRender={onRender} />