استخدام react مع لاافل

يمكن عمل ذلك من خلال إنشاء مشروع Laravel جديد عبر composer، وسنلاحظ أن Laravel يدعم بشكل إفتراضي إطار العمل Vue.js، حيث توجد ملفات بصيغة vue في مجلد resources، لذلك يجب أن نقوم بتغير هذه الإعدادات عبر الأمر التالي:

• بالنسبة إلى Laravel الإصدار 7 وما فوق:

  composer require laravel/ui
  php artisan ui react

• بالنسبة إلى Laravel الإصدار 5 وما فوق:

  php artisan preset react

   

بعد ذلك نقوم بتثبيت كل الحزم من خلال الأمر التالي:

npm i

ثم نقوم بالتعديل على ملف index.js الموجود في المجلد resources/js/component ونضيف إليه السطر التالي:

require('./components/Index')

ثم يمكن عمل مكونات React وإضافتها إلى DOM ونقوم بإنشاء ملف JavaScript نهائي يحتوي على كل أكواد JavaScript حتى الآن عبر الأمر التالي:

npm run dev

بعد ذلك يجب أن نقوم بتعديل ملفات blade التي ستعمل عبر React ونضيف إليه حاوية DOM التي سيتحكم بها React ليضيف إليها المكونات كالتالي:

<div class="root">
</div>

<!-- ملف جافاسكريبت النهائي -->
<script src="{{ asset('js/app.js') }}"></script>

كما يمكن عمل ملفات تسجيل الدخول بإستخدام React من خلال اللأمر التالي:

php artisan ui react --auth

نعم بالامكان ربط react مع Laravel.

steps:

1- ننشا الواجهة frontend ب React

2- ثم ننشأ Backend ب Laravel و نرسط بينهما ب API

ثم ننشأ Backend ب Laravel و نرسط بينهما ب API

 كيف ذلك هل في مرجع اقرا فيه