كيفية ربط مشروع React بجانغو Django؟

يمكنك فعل ذلك بتعلمك إيطار عمل داخل Django وهو rest framework API وهو طريقة تطوير مواقع باك ايند منفصلة عن فرونت ويتم وصل كلاً من وReact  و Django عبر API ماهو API ?
API او Application Programming Interface وباللغة العربية واجهة برمجة التطبيقات. API ببساطة هى نقطة الوصل بين بيئة تطويرية معينة والمطورين , حتى تتيح لهؤلاء المطورين الاستفادة من خدامات هذه البيئة بدون الحاجة إلى بناء كل شئ من الصفر . وبشكل عام هدف API هو إخفاء التفاصيل Encapsulation و ابراز طريقة الاستفادة من الكود . 
https://www.django-rest-framework.org/ رابط تطوير مواقع على rest framework API ب Django.
كما يجب عليك تعلم طريقة ربط API  الذي صنعته ب Django  بالرياكت.

لا لا لن نقوم بتحويل مشروع الReact.js الى ملفات HTML منفصلين كلياً عن بعضهما ستقوم بإنشاء مجلد فارغ يوجد به مجلدين  اسم المجلد الاول frontend وستضع به مشروع ال React.js اسم المجلد الثاني backend وستضع به مشروع ال Django حسناً لا استخدام لملفات الTemplates بالدجانغو نهائياً إنما طريقة التواصل بين الدجانغو والريأكت بإستخدام API أنظر الى الأجوبة التالية لتأخذ فكرة كيف عمل الAPI : 

اذاً عليك تعلم كيف تنشئ API لل models داخل Django التي لديك من خلال تعلم:

• Django-Rest-Framework

من الناحية الاخرى تفتح مشروع الReact.js وتقوم بتشغيل السيرفر عند عرض الصفحة التي ستتواصل مع الDjango يجب ان تحتوي ميثود لطريقة إتصال فيURL HTTP في السرد التالي , نجلب البيانات من عنوان المحلي local كمثال /http://127.0.0.1:8000/api/teachers باستخدام  JavaScript دالة ()fetch بعدها من دالة fetch تستعمل دالة then لتحويل الرد الى json وبعدها نتعامل مع البيانات المستلمة بأي شكل تريده تعرضها بقائمة تعرضها داخل الصفحة أي كان .كالمثال التالي داخل React.Js صفحة التي ستجلب البيانات من دجانغو:

// Function to collect data
const getApiData = async () => {
  const response = await fetch(
    "http://127.0.0.1:8000/api/teachers/"
  ).then((response) => response.json());

  // update the state
  setUsers(response);
};

اذاً فقط سوف تتعلم Django REST framework لتتعلم كيف تنشئ API لتكون طريقة التواصل مع Django with React.js ومن ثم تضمينها داخل مشروع الدجانغو الخاص بك وتشغيل السيرفر ستظهر لك النتيجة كالمثال البصري التالي :