الجزء 7: إضافات React

تمارين: توسيع قائمة المدونات

إضافة إلى التمارين الستة في أقسام خطافات React في هذا الجزء من مادة المقرر، تواصل 14 تمريناً عملنا على تطبيق قائمة المدونات الذي عملنا عليه في الجزأين الرابع والخامس من مادة المقرر.

إذا لم ترغب في استخدام تطبيق قائمة المدونات الخاص بك، فلك الحرية في استخدام الشيفرة من الحلول النموذجية كنقطة انطلاق لهذه التمارين.

ستتطلب تمارين كثيرة في هذا الجزء من مادة المقرر إعادة هيكلة الشيفرة الموجودة. هذه حقيقة شائعة عند توسيع التطبيقات القائمة، ما يعني أن إعادة الهيكلة مهارة مهمة وضرورية، حتى إن بدت صعبة وغير ممتعة أحياناً.

من النصائح الجيدة لكل من إعادة الهيكلة وكتابة شيفرة جديدة أن تتقدم بخطوات صغيرة. يكاد يكون فقدانك لصوابك مضموناً إذا تركت التطبيق في حالة معطلة تماماً لفترات طويلة أثناء إعادة الهيكلة.

تفترض هذه التمارين أنك أكملت بالفعل التمارين 5.24-5.28. إذا لم تكن قد فعلت ذلك، فأكملها أولاً.

8. قائمة المدونات، الخطوة 1

9. قائمة المدونات، الخطوة 2

10. قائمة المدونات، الخطوة 3

11. قائمة المدونات، الخطوة 4

إدارة الحالة: Zustand أو TanStack Query وContext API

هناك نسختان بديلتان للاختيار بينهما في التمارين 12-15: يمكنك إدارة حالة التطبيق إما باستخدام Zustand أو TanStack Query وContext. إذا أردت تعظيم تعلمك، يمكنك إنجاز النسختين معاً!

12. قائمة المدونات، الخطوة 5

13. قائمة المدونات، الخطوة 6

**14. قائمة المدونات، الخطوة 7 **

15. قائمة المدونات، الخطوة 8

17. قائمة المدونات، الخطوة 9

18. قائمة المدونات، الخطوة 10

19. قائمة المدونات، الخطوة 11

20. قائمة المدونات، الخطوة 12

21. قائمة المدونات، الخطوة 13

22. قائمة المدونات، مراجعة

مستودع GitHub الخاص بك