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

Writing Clean Pure Reducers قواعد كتابة مخفضات نقية آمنة

تعلّم تجميع انتقالات الحالة المتشعبة في دالة مخفض reducer نقية باستخدام خطاف useReducer في React، وإرسال أوامر dispatch واضحة، ومتى تتفوق على useState.
3 صفوف تعليمية
ReactJS
0 مشاهدة

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

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

لأن دوال المخفض تعمل أثناء مرحلة حساب العرض، يجب أن تكون دالة نقية تماماً (Pure Function): أي تُرجع نفس المخرجات دائماً لنفس المدخلات دون تعديل الكائنات الأصلية مباشرة أو استدعاء طلبات خارجية. جرى العرف الهندسي على تنظيمها بكتلة switch (action.type) مع إحاطة كل فرع بأقواس معقوفة لمنع تضارب المتغيرات المحلية، وختمها بفرع default يطلق خطأً صريحاً يكشف أخطاء التسمية فوراً.

الصف 2 كود برمجي
HTML
function tasksReducer(tasks, action) {
  switch (action.type) {
    case 'added':
      return [...tasks, action.item];
    case 'deleted':
      return tasks.filter((t) => t.id !== action.id);
    default:
      throw new Error('Unknown: ' + action.type);
  }
}
الصف 3 ملاحظة هامة