هل لو قمت بتنفيذ مشروع React بمفردي يعني تعلمت React بالكامل؟

السلام عليكم

ليس بالمعنى الحرفي، أولا يجب التنويه إلى أنّ رياكت هو عبارة عن مكتبة JavaScript لبناء واجهات المستخدم بشكل تفاعلي وقابل لإعادة الاستخدام، وتمرّ بخطوات متسلسلة من فهم المكوّنات (Components) وإدارة الحالة (State) إلى تحسين الأداء والاختبارات وتنظيم البنية المعمارية للمشروع.

بالنسبة لتطبيق الملاحظات فأنت مطالب بفهمه وإنجازه ورفعه وهذا سيكون خطوة أساسية في مسارك التعلّمي لاحتراف رياكت، فأنت هنا وضعت إحدى اللبنات الأساسية للتعلم وهو "التطبيق العملي" وأما الاحتراف الكامل للمكتبة فيمرّ بعدة مراحل مع إنجاز مشاريع مختلفة متفاوتة الصعوبة والتعقيد حتى الوصول لدرجة الاحتراف.

فمن المهم الآن أن تركز على إتقان الأساسيات من خلال إنشاء المكوّنات (Components) والتعامل مع الحالة المحلية (useState) وأيضا التفاعل مع المستخدم (event handling) ثم بعد ذلك الانتقال إلى مواضيع أكثر تعقيدا مثل:

• إدارة الحالة المعقدة 
• Lazy loading و Code splitting
• تحسين الأداء (Memoization، useCallback، useMemo)
• اختبارات المكونات (Jest، React Testing Library)
• التنقل بين الصفحات (React Router)

وغيرها من المواضيع التي تأتي مع مرور الوقت والتعلم المستمر لذا لا تستسلم فإتقانك لهذا المشروع ضروري لاستيعاب دروس الدورة وفهمها بشكل جيد.

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

لو واجهت صعوبة قم بمراجعة أساسيات جافاسكريبت من الدورة مجددًا، أو من أي مصدر تريد.

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

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

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

ستجد تفصيل هنا:

ولكن الأفضل تنفيذ مشروع بسيط آخر بواسطة React فمشروع واحد ليس كافٍ، ابحث على اليوتيوب عن "مشروع React للمبتدئين" وستجد الكثير لكن اختر مشروع بسيط، ستجد مشروع مواقيت صلاة جيد وبسيط، ثم تنفيذ مشروع آخر معقد قليلاً فقط عنه.

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

ثانيا إن مشروع تطبيق ملاحظات ما هو إلا تطبيق عملي على أساسيات React إذا ما تم إنهاءه ما هي إلا الأساسيات أو البدايات ففقط في React ولكن يوجد الكثير جدا من الخصائص الأخرى التي لم يتم التطرق إليها هنا . والتي سيتم الحديث عنها وشرحها في المسارات التالية وأهمها هو إدارة الحالات (States) وغيرها من الأمور المتقدمة . حيث يتم التدرج والشرح بشكل تدريجي لمراعاة مستويات الطلاب .

لهذا بإنتهاء هذا المشروع لا يمكنك القول بأنك أنهيت React بشكل كامل .

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

أما إذا وجدت مشاكل أثناء تطبيق المشروع بنفسك فيجب عليك حينها الرجوع إلى الدرس الذي توجد به مشكلتك والتأكد من مراجعته بشكل كامل. 

لا يمكن القول إنك تعلمت React بالكامل بمجرد إنشاء تطبيق ملاحظات، حتى وإن أنجزته بنفسك وفهمت ما كتبته، لكن هذه خطوة ممتازة في طريقك للتعلّم.

تطبيق مثل الملاحظات يُظهر أنك بدأت تفهم الأساسيات مثل المكونات (Components)، الحالة (State)، والتعامل مع الأحداث (Events)، وهذا مهم جدًا.

لكن React فيها أمور أعمق تحتاج لتجارب أكثر، مثل:

• إدارة الحالة المتقدمة (Context أو Redux)
• التعامل مع واجهات API
• التنقل بين الصفحات (React Router)
• تحسين الأداء

استمر في تنفيذ مشاريع مختلفة وتدرّج في الصعوبة، ومع الوقت ستصل إلى مستوى متقدم بإذن الله.