الإتقان المتقدّم

React · محترف - أنماط متقدّمة والأداء

• useReducer للحالة المعقدةنظّم الحالة المعقدة بمُخفّض نقي يجمع الانتقالات في مكان واحد ويستبعد التركيبات المستحيلة.
• Context: المشاركة دون prop drillingانقل البيانات دون prop drilling باستخدام context، مع إبقاء عمليات إعادة تصييره وحدوده تحت السيطرة.
• الخطّافات المخصصة: استخراج المنطق وإعادة استخدامهاستخرج المنطق ذا الحالة إلى خطّافات قابلة لإعادة الاستخدام والتركيب والاختبار.
• المذاكرة (Memoization): memo و useMemo و useCallbackتعلّم متى تُسرّع React.memo و useMemo و useCallback تطبيقك فعلاً، ومتى تُعقّده بلا طائل.
• useRef والتلاعب بالـ DOMتلاعب بالـ DOM واحتفظ بقيم النسخة باستخدام useRef، دون كسر نقاء التصيير.