مشروع التخرج: تطبيق قائمة المهام
جزء من دورة React
كل درس حتى الآن سلّمك فكرة واحدة في كل مرة ومعها مثال صغير حولها. والتطبيقات الحقيقية ليست كذلك. ففي التطبيق الحقيقي يجب أن توجد الحالة وعرض القوائم والنموذج والحفظ الدائم والعناوين كلها في الكود نفسه في وقت واحد، والجزء الصعب ليس أي قطعة منها بمفردها، بل تقرير مكان كل قطعة.
فهذا الدرس إذن عن جمع الأمر كله معًا. ستبني تطبيق قائمة مهام كاملًا يعمل: تضيف عناصر، وتؤشّر على المنجز منها، وتحذفها، وتظل القائمة موجودة بعد إعادة تحميل الصفحة. وفيه أيضًا صفحة ثانية على /about، فيصير لديك عنوان حقيقي تنتقل إليه. لا شيء هنا مفهوم جديد. كل ما فيه رأيته من قبل، لكنه مرتب كما يُرتَّب في برمجيات تعمل فعلًا.
هل تريد تعلّم React مشروع التخرج: تطبيق قائمة المهام في بيئة حقيقية؟
انقر بالأسفل لتحصل على جهاز لينكس مع React جاهز، وتعمل على مشروع التخرج: تطبيق قائمة المهام بشكل عملي مع مدرّس ذكي يعرف الكود الخاص بك.
ابدأ هذا الدرسمشروع التخرج: تطبيق قائمة المهامما الذي ستتعلّمه
- Combining state, lists, controlled inputs
- Custom hook for localStorage persistence
- Small routing setup
- Putting it together
اقرأ هذا الدرس بلغتك
كل دروس هذه الدورة
17 دروس- 1ما هو React؟25 دقيقة
- 2JSX والمكوّنات (Components)30 دقيقة
- 3البروبس (Props)30 دقيقة
- 4الحالة (State) باستخدام useState35 دقيقة
- 5معالجة الأحداث30 دقيقة
- 6العرض الشرطي والقوائم30 دقيقة
- 7النماذج والمدخلات المتحكم بها (Controlled Inputs)35 دقيقة
- 8التأثيرات (Effects) باستخدام useEffect40 دقيقة
- 9جلب البيانات40 دقيقة
- 10تركيب المكوّنات (Component Composition)35 دقيقة
- 11السياق (Context) و useContext35 دقيقة
- 12useReducer35 دقيقة
- 13الخطافات المخصصة (Custom Hooks)35 دقيقة
- 14الأداء والحفظ بالتخزين (Memoization)35 دقيقة
- 15التوجيه باستخدام React Router40 دقيقة
- 16اختبار مكوّنات React (Components)40 دقيقة
- 17مشروع التخرج: تطبيق قائمة المهام60 دقيقة
استكشف دورات أخرى
