react laravel تحميل - react laravel تحميل كود المصدر

react laravel

فئات أخرى

0.14

تنزيل

رد فعل لارافيل

باستخدام react-laravel ستتمكن من استخدام مكونات ReactJS مباشرة من عروض Blade الخاصة بك، مع عرض اختياري من جانب الخادم، واستخدامها على جانب العميل مع React بسبب JavaScript غير المزعج.

تثبيت

تبعية V8js

من المهم أن تعرف أن react-laravel لديه تبعية غير مباشرة لامتداد PHP v8js.

يمكنك معرفة كيفية تثبيته هنا: كيفية تثبيت v8js.

الملحن

اضبط minimum-stability ملف composer.json الخاص بك على dev ، وأضف ما يلي:

  "الحد الأدنى من الاستقرار": "تطوير"

ثم قم بتشغيل:

  يتطلب الملحن $ talyssonoc/react-laravel:0.11

بعد ذلك، يجب عليك إضافة هذا إلى مقدمي الخدمات لديك في ملف config/app.php الخاص بتطبيق Laravel الخاص بك:

  "ReactReactServiceProvider"

ومن ثم تشغيل:

  بائع PHP الحرفي: نشر

وسيكون ملف react.php متاحًا في مجلد config الخاص بتطبيقك.

الاستخدام

بعد التثبيت والتكوين، ستتمكن من استخدام التوجيه @react_component في طرق العرض الخاصة بك.

يقبل التوجيه @react_component ثلاث وسائط:

  @react_component(<componentName>[,props, options]) //example
  @react_component('Message', [ 'title' => 'Hello, World' ], [ 'prerender' => true ]) // مثال باستخدام مكون مساحة الاسم
  @react_component('Acme.Message', [ 'title' => 'مرحبًا أيها العالم' ], [ 'العرض المسبق' => صحيح ])

componentName : هو اسم المتغير العام الذي يحتوي على المكون الخاص بك. عند استخدام Namespaced Components، يمكنك استخدام التدوين النقطي لاسم المكون.
props : رابطة props التي سيتم تمريرها إلى المكون الخاص بك
options : مجموعة ترابطية من الخيارات التي يمكنك تمريرها إلى react-laravel :

prerender : يخبر رد الفعل laravel بعرض المكون الخاص بك على جانب الخادم، ثم تثبيته على جانب العميل. الافتراضي إلى صحيح .
tag : علامة العنصر الذي سيحتوي على المكون الخاص بك. الافتراضي هو "div" .
سمات html : أي سمة HTML صالحة أخرى ستتم إضافتها إلى عنصر الغلاف الخاص بالمكون الخاص بك. مثال: 'id' => 'my_component' .

يجب أن تكون جميع مكوناتك داخل public/js/components.js (يمكنك تكوينها، انظر أدناه) وأن تكون عالمية.

يجب عليك تضمين react.js و react-dom.js و react_ujs.js (بهذا الترتيب) في العرض الخاص بك. يمكنك ربط هذه الملفات معًا باستخدام laravel-elixir.

يوفر react-laravel تثبيت ReactJS وملف react_us.js ، وسيكونان في مجلد public/vendor/react-laravel بعد تثبيت react-laravel وتشغيله:

  بائع PHP الحرفي $: نشر --force

لاستخدام الملفات المقدمة بواسطة react-laravel وملف components.js الخاص بك، قم بإضافة هذا إلى العرض الخاص بك:

  <script src="{{ الأصول('vendor/react-laravel/react.js') }}"></script>
  <script src="{{ الأصول('vendor/react-laravel/react-dom.js') }}"></script>
  <script src="{{ الأصول('js/components.js') }}"></script>
  <script src="{{ الأصول('vendor/react-laravel/react_ujs.js') }}"></script>

إذا كنت ستستخدم إصدارًا مختلفًا عن الإصدار الذي يوفره React-Laravel (انظر composer.json )، فيجب عليك تكوينه (انظر أدناه).

التكوينات

يمكنك تغيير الإعدادات إلى react-laravel في الملف config/react.php :

  return ['source' => 'path_for_react.js','dom-source' => 'path_for_react-dom.js','dom-server-source' => 'path_for_react-dom-server.js','المكونات' => [ 'path_for_file_containing_your_components.js' ]
  ];

كل منهم اختياري.

source : الإعدادات الافتراضية هي public/vendor/react-laravel/react.js .
dom-source : الإعدادات الافتراضية هي public/vendor/react-laravel/react-dom.js .
dom-server-source : الإعدادات الافتراضية هي public/vendor/react-laravel/react-dom-server.js .
components : الإعدادات الافتراضية هي public/js/components.js . يمكن تحديد ملفات مكونات متعددة هنا.