تطوير React: Redux، التوجيه (Routing)، والبوابات (Portals)

يمكن أن تكون إدارة الحالة في التطبيقات واسعة النطاق مرهقة بدون البنية الصحيحة. فهم كيفية تدفق البيانات عبر مكوناتك هو المفتاح لبناء تطبيقات ويب احترافية تظل قابلة للصيانة مع نموها. توفر هذه الدورة مسارًا واضحًا لإتقان أهم المكتبات في النظام البيئي. ستنتقل من بناء مكونات بسيطة إلى تصميم تطبيقات قوية بإدارة حالة يمكن التنبؤ بها وتصفح سلس باستخدام معايير الصناعة الحديثة. ما ستتعلمه: - فهم المبادئ الأساسية لـ Redux store، والإجراءات (actions)، والمخفضات (reducers) - تطبيق إدارة الحالة الحديثة باستخدام Redux Toolkit ونمط Slice - تكوين التنقل من جانب العميل (client-side navigation) والمسارات المتداخلة (nested routes) باستخدام React Router - تطبيق React Portals لإدارة النماذج المنبثقة (modals) وتلميحات الأدوات (tooltips) والتراكبات (overlays) بفعالية - ممارسة جلب البيانات والمنطق غير المتزامن (asynchronous logic) ضمن نظام Redux البيئي - استخدام خطافات React-Redux مثل useSelector و useDispatch لكتابة كود نظيف تبدأ الدورة بالمصطلحات الأساسية والمفاهيم الجوهرية قبل الانتقال إلى أنماط التنفيذ العملي. ستقرأ شروحات مفاهيمية واضحة تتبعها تمارين برمجية منظمة لتعزيز فهمك لكيفية عمل هذه الأدوات معًا. تم تصميم هذه الدورة للمبتدئين الذين لديهم فهم أساسي لـ JavaScript و React ويرغبون في تعلم إدارة الحالة والتوجيه وفقًا لمعايير الصناعة. لا يلزم وجود خبرة سابقة مع Redux. ابدأ في بناء تطبيقات React أكثر تنظيمًا وقابلية للصيانة اليوم.