شرح صفوف ومحتوى الفقرة
يلخص مهندسو الواجهات فلسفة React في المعادلة الشهيرة UI = f(data)؛ أي أن الواجهة ما هي إلا ناتج استدعاء دالة تستقبل البيانات الحالية وتعيد مخطط العناصر المقابل لها. وكلما تغيرت البيانات لاحقاً، استدعت React دالتك مجدداً لتحصل على المخطط المحدث وتعرضه بسلاسة.
HTML
function LessonMetric() {
const metric = { track: 'ReactJS', total: 51, completed: 2 };
const remaining = metric.total - metric.completed;
return (
<section>
<h3>{metric.track} Progress</h3>
<p>Remaining lessons: {remaining}</p>
</section>
);
}