انتقل إلى محتوى الدرس

Pure Functions in React UI مفهوم الدوال النقية بالواجهات

ابنِ واجهات React موثوقة خالية من الأعطال عبر الحفاظ على نقاء دوال المكونات، والتمييز بين التعديل المحلي الآمن والتأثيرات الجانبية، واتباع التدفق التنازلي.
3 صفوف تعليمية
ReactJS
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

في علوم الحاسب والرياضيات، تلتزم الدالة النقية (Pure Function) بشرطين حاسمين؛ أولاً أنها لا تغير ما خارجها فلا تعدّل أي كائن أو متغير كان موجوداً قبل استدعائها، وثانياً ثبات النتيجة لنفس المدخلات فمتى استقبلت نفس القيم أعادت نفس النتيجة الحتمية تماماً. صُممت مكتبة React بحيث تعمل كل دالة مكون كدالة نقية تحول الخصائص إلى واجهة مطابقة.

الصف 2 كود برمجي
HTML
import { StrictMode } from 'react';
function InvoiceLine({ seats, unitPrice }) {
  const subtotal = seats * unitPrice;
  return (
    <div className="rx-card">
      <p>{seats} × ${unitPrice} = ${subtotal}</p>
    </div>
  );
}
الصف 3 ملاحظة هامة