مصادر لتعلم ربط React مع RESTful API and GraphQL

في أسئلتك يوجد قسمين: واجهة المستخدم front-end وواجهة الخادم أو الواجهة الخلفية back-end.

بتاريخ 12 ساعة قال Mohammed Ammar Ammar:

ما يهمني هو التعمق بمجال ال React Frontend بدون التشتت في تعقيدات ال back end.

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

لذلك يمكنك استخدام Firebase في حال أردت إجراء بعض التجارب السريعة على قواعد البيانات أو على طرق التعامل مع API من خلال React.

بتاريخ 12 ساعة قال Mohammed Ammar Ammar:

أيضا ما هي الأشياء التي يجب فهمها للتعمق في استخدام RESTful API (مرحلة ما بعد تعلم CRUD and authorization with API token)

من طرف المستخدم، يجب الاطلاع على تقنيات التعامل مع API للحصول على الأداء الأمثل، ومنها التعامل مع أنماط البيانات المختلفة واستراتيجيات التخزين المؤقت مثل Cache لحفظ البيانات الثابتة وعدم إرسال طلبات مكررة لخادم الويب، وتوثيق المستخدمين وآلية حفظ الجلسات أو JWT بطريقة آمنة والعديد من الأمور الأخرى التي قد تحتاجها حسب المشروع الذي تعمل عليه، لذلك أقترح عليك بالبدء ببناء بعض المشاريع واكتشاف هذه الآليات أثناء التطبيق.

بتاريخ 12 ساعة قال Mohammed Ammar Ammar:

واخيرا كيف اقوم بفهم وتطبيق استخدام react مع GraphQL من الصفر.

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

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

بعض المصادر المفيدة: