ارتقِ بمهاراتك في تطوير واجهات المستخدم مع دورة React Hooks المتقدمة، التي تضم 26 جلسة تعمّق فهمك لإدارة الحالة والتأثيرات الجانبية داخل المكونات الوظيفية. أتقن استخدام useState مع الحالة السابقة والكائنات والمصفوفات، واستكشف useEffect للتحكم في تنفيذ التأثيرات مع إعادة التصيير وتنظيفها وجلب البيانات. تعلّم مشاركة الحالة عبر useContext والسياقات المتعددة، وتنظيم منطق التحديث باستخدام useReducer من خلال تطبيق قائمة مهام وإدارة جلب البيانات ومقارنة خيارات إدارة الحالة. طوّر قدرتك على تحسين الأداء باستخدام useCallback وuseMemo وأمثلة متقدمة، واستفد من useRef للاحتفاظ بالمراجع والقيم بين عمليات التصيير. انتقل إلى بناء خطافات مخصصة قابلة لإعادة الاستخدام، بما في ذلك useToggle وuseFetch، لكتابة شيفرة أكثر تنظيمًا ومرونة. بعد كل جلسة، اختبر فهمك باختبار من 5 أسئلة مع ظهور درجتك فورًا، واحصل على شهادة عند إكمال الدورة.

ماذا ستتعلم

• إدارة الحالة باستخدام useState، وتطبيق التحديثات المبنية على الحالة السابقة، وتحديث الكائنات والمصفوفات دون تعديلها مباشرة.
• استخدام useEffect لتنظيم التأثيرات الجانبية المرتبطة بالتصيير، وتنفيذ عمليات التنظيف، وجلب البيانات داخل المكونات الوظيفية.
• مشاركة البيانات والحالة بين المكونات باستخدام useContext والسياقات المتعددة، ودمجها مع useState وuseReducer.
• تنظيم منطق الحالة المعقد باستخدام useReducer، وتطبيقه في قائمة مهام وجلب البيانات، وتحديد متى يُفضّل استخدامه بدلًا من useState.
• توظيف useCallback وuseMemo لتحسين الأداء عند الحاجة، واستخدام useRef للوصول إلى عناصر الواجهة والاحتفاظ بقيم لا يؤدي تحديثها إلى إعادة التصيير.
• تصميم خطافات مخصصة قابلة لإعادة الاستخدام، مثل useToggle وuseFetch، لاستخلاص المنطق المشترك وتبسيط المكونات.

محتوى الكورس

1. 1مقدمة إلى React Hooks
2. 2إدارة الحالة باستخدام useState
3. 3تحديث الحالة اعتمادًا على الحالة السابقة
4. 4استخدام useState مع الكائنات
5. 5استخدام useState مع المصفوفات
6. 6مقدمة إلى useEffect
7. 7علاقة useEffect بالتصيير
8. 8تنظيف التأثيرات باستخدام useEffect
9. 9جلب البيانات باستخدام useEffect
10. 10متابعة جلب البيانات باستخدام useEffect
11. 11مزيد من جلب البيانات باستخدام useEffect
12. 12استخدام useContext
13. 13استخدام سياقات متعددة
14. 14استخدام useContext مع useState
15. 15استخدام useReducer
16. 16قائمة مهام باستخدام useReducer
17. 17دمج useReducer مع useContext
18. 18جلب البيانات باستخدام useReducer
19. 19مقارنة useReducer وuseState
20. 20تثبيت مرجع الدالة باستخدام useCallback
21. 21تخزين نتائج الحسابات باستخدام useMemo
22. 22مثال متقدم على useMemo
23. 23استخدام useRef
24. 24مقدمة في الخطافات المخصصة
25. 25الخطاف المخصص useToggle
26. 26الخطاف المخصص useFetch