useReducer

جزء من دورة React

يبدأ نموذج الدفع بسيطا. هناك قيمة، فتضيف useState. ثم يحتاج رسالة خطأ، فهذا useState آخر. ثم راية تحميل، ثم راية "هل لمس المستخدم هذا الحقل بعد"، وفجأة صارت أربع قطع حالة منفصلة يجب تحديثها بالتركيبة الصحيحة من ستة معالجات أحداث مختلفة. الإرسال عليه أن يجعل التحميل صحيحا، ويمسح الخطأ، ويعطّل الزر. والفشل عليه أن يجعل التحميل خاطئا، ويملأ الخطأ.

useReducer هو جواب React عن ذلك. فبدل تشتيت قواعد التحديث بين المعالجات، تكتب دالة واحدة تصف كل طريقة يُسمح للحالة بالتغير بها، وتطلب المكوّنات التغيير بالاسم. الصورة الذهنية آلة بيع: الآلة تحمل الحالة كلها، وتوصيلها الداخلي هو الذي يقرر ماذا يفعل كل زر، وأنت تتعامل معها بضغط زر معنون لا بمدّ يدك إلى داخلها وتحريك آليتها بنفسك.