react

مرحبا @Mohamed Hassan

في البداية يجب الإنتباه إلى أن laravel هي Framework مبنية على لغة PHP و يتم تشغيلها ضمن السيرفر server-side.

بينما React - VueJs هما Frameworks مبنيتان على لغة Javascript و يتم تشغيلها ضمن المتصفح client-side 

إن أي تطبيق ويب يقسم إلى قسمين back-end و front-end و يمكن فصل هذين القسمين و جعلهما غير مرتبطين مع بعضهما، كما هو في حالتنا هذه، فالـ laravel تستخدم لبناء الـ back-end و الاتصال مع قاعدة البيانات في السيرفر، ولا مشكلة في ما ستستخدمه لبناء الـ front-end ، أي يمكنك استخدام الفريمورك التي تريدها (VueJs - Angular - React) لبناء الـ front-end

ولكن الميزة لـ VueJs  هي أن شركة VueJs قامت ببناء الفريمورك بحيث تتوافق مع Laravel من ناحية الـ syntax ( يمكن ملاحظة أن شكل التعليمات متشابه بينهما إلى حد ما) من أجل بناء Single-page application

أما بالنسبة للفرق بين React و React Native :

• React  تستخدم لبناء front-end لتطبيقات الويب
• React Native هي عبارة عن framework تستخدم لبناء تطبيقات الجوال IOS/Android بكود واحد.

وكلاهما أساسه مبني على لغة Javascript

بالطبع تتوافق reactjs مع laravel وذلك لأن ReactJS تقنية frontend أي ينفذ كوده على المتصفح وlaravel تقنية backend أي ينفذ كودها على المخدم لذلك لا علاقة لها بما يكون على frontend.

استعمالها مع vue أمرٌ شائع هذا كل ما في اﻷمر.

بالنسبة للفرق بين react وreact native فالـreact هو javascript framework للويب أما react native فهي javascript framework لبرمجة تطبيقات الجوال.

الهدف من react native هو أولاً استعمال جافاسكريبت في برمجة تطبيقات الجوال بدلاً من جافا/كوتلن/سويفت/objective-C.

ثانياً أن يعمل الكود على كلا منصتي اﻷندرويد واﻵيفون بدلاً من كتابة كود لكل منصة على حدى.

ثالثاً أن يكون اﻷداء قريب جداً من طريقة native.

وأخيراً أن يتم تطبيق مبادئ الـreact في برمجة تطبيقات الجوال من components وstate وإلخ.

البرمجة في react native مشابهة للبرمجة في react من حيث أنك في كليهما تعرف UI على أنها تابع لـprops وstate ، الفرق الوحيد أن react خرجه ملفات js تنفذ على المتصفح ويستخدم HTML Elements أما react native فخرجه apk أو ipa جاهز للرفع إلى غوغل ستور أو آبل ستور ويستخدم native components.

مرحبا @Mohamed Hassan

أطار عمل Laravel مبني على لغة برمجة PHP لذلك هي تعمل في الخلفية او ما تسمى بمصطلح server-side من جهة الخادم. 

react هو أطار عمل مبني على لغة برمجة JavaScript وقامت شركة فيسبوك بتطوير هذا الأطار.

مبدأ هذا الأطار هو Single Page Application  - SPA-.

وهو مبدأ  تطبيقات الويب أحادية الصفحة، تقوم المتصفحات بتحميل أكواد HTML ،CSS و جافاسكريبت مرة واحدة فقط، وعوضا عن أن ننتظر الخادم لكي يقوم بالعمل كله، فإننا (كعملاء أو Clients) نطلب منه فقط البيانات (على شكل Json مثلا) التي نريدها والمتصفح هو الذي يتولى ترتيبها (على شكل HTML) وعرضها للمستخدمين.

في السابق، كان المتصفح يقوم فقط بعرض ما يتوصل به من HTML، أما الآن فهو الذي يولد هذا HTML ويحدد بنيته عن طريق جافاسكريبت ثم بعد ذلك يتم تحديث واجهة المستخدم (User Interface) بسرعة وبدون إعادة تحميل الصفحة.

التقنية التي تستخدم لطلب وإرسال البيانات من وإلى الخادم ـ بدون إعادة تحميل الصفحة ـ تسمى Asynchronous Javascript and Xml ويشار إليها باختصارا بكلمة Ajax.

 لذلك يمكن أستخدام Laravel مع react. 

وهناك أوامر 

// Generate basic scaffolding...
php artisan ui bootstrap
php artisan ui vue
php artisan ui react

// Generate login / registration scaffolding...
php artisan ui bootstrap --auth
php artisan ui vue --auth
php artisan ui react --auth

لأرفاق مشروع لارافل مع react او vue أو bootstrap. 

الفرق بين react, react native 

كما شرحنا react فهو أطار عمل يستخدم في تصميم هيكلية الموقع. 

أما react native فهو أطار عمل يستخدم في برمجة تطبيقات موبايل هجينة سواء لأبل ستور أو قوقل بلاي.