هل يمكن استخدام مكتبة reactjs مع فريمورك laravel خصوصاَ ان laravel تدعم vuejs بصورة كبيرة؟
بالطبع يمكنك ذلك.
أولًا علينا تجهيز مشروع لارفيل و تنزيله عن طريق الـ 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
بالإضافة إلى ذلك يمكنك متابعة هذا الكورس الذي يشرح لك بناء تطبيق بإستخدام لارفيل و ريآكت، من هنا :
التعليقات