استخدام reactjs مع laravel

• بالطبع يمكنك ذلك.

• أولًا علينا تجهيز مشروع لارفيل و تنزيله عن طريق الـ composer، بعد أن يتم تجهيز المشروع و جميع الملفات نذهب للملف app.js الموجود بداخل ملف الـ componants الذي يتواجد داخل مجلد الـ resource و سنجد أن الـ laravel بشكل إفتراضي تضع ExampleComponent.vue فيه، أي أنها تدعم الـ vue بشكل إفتراضي، و لتغيير هذا الخيار نقوم بالتالي :

• نحتاج إلى تغيير Vue.js الافتراضية إلى React.js باستخدام الأمر التالي:

• الآن قم بتشغيل الأمر "npm install" لتثبيت جميع حزم جافا سكريبت اللازمة للمشروع.

• بعد ذلك، أنشئ ملف index.js داخل دليل resources / js / component.

• ثم انسخ كل المحتوى من ملف Example.js إلى index.js.

• الآن داخل app.js نضيف المكون الجديد وهو التالي :

• لتقديم أي عنصر إلى Browser DOM ، نحتاج إلى container أو root DOM element. ، في هذه الحالة ، سيتم إدارة كل شيء بداخله بواسطة React DOM، و سيكون هذا التغيير داخل welcome.blade.php الموجود في resources/views.

• لإظهار طريقة عرض من خلال React JS ، نحتاج إلى تجميع ملفات JavaScript باستخدام Laravel Mix باستخدام الأمر "npm run dev"

• والآن لدينا تطبيق Laravel يستخدم رد React JS

بالإضافة إلى ذلك يمكنك متابعة هذا الكورس الذي يشرح لك بناء تطبيق بإستخدام لارفيل و ريآكت، من هنا :