remount تحميل تنزيل - remount رمز المصدر تنزيل

تنزيل

صعد مرة ثانية

استخدم مكونات React الخاصة بك في أي مكان في ملفك
HTML كمكونات ويب (عناصر مخصصة).

العرض التوضيحي ⚡ المستندات
2 كيلو بايت gzip'd · لا توجد تبعيات · دعم IE

إعادة التحميل متاحة من خلال مستودع حزم npm. مطلوب رد فعل 18.

 # npm
npm install remount react react-dom
# yarn
yarn add remount react react-dom

لنبدأ بأي مكون من مكونات React. هنا واحد:

 const Greeter = ( { name } ) => {
  return < div > Hello, { name } ! < / div >
}

استخدم Define() لتحديد العناصر المخصصة. دعونا نحدد عنصر <x-greeter> :

 import { define } from 'remount'

define ( { 'x-greeter' : Greeter } )

يمكنك الآن استخدامه في أي مكان في HTML الخاص بك! ؟

 < x-greeter props-json =' {"name":"John"} ' > </ x-greeter >

⚡ وثائق واجهة برمجة التطبيقات →

بعض الأفكار حول الأسباب التي قد تدفعك إلى التفكير في إعادة التحميل لمشروعك:


	إضافة React إلى التطبيقات غير التابعة لـ SPA يمكنك استخدام مكونات React على أي صفحة من موقع HTML "العادي". رائعة لإضافة React إلى التطبيقات المبنية على Rails أو Phoenix.

	؟ التفاعل مع الأطر الأخرى يتيح لك Remount استخدام مكونات React تمامًا مثل أي عنصر HTML آخر. هذا يعني أنه يمكنك استخدام React مع Vue أو Angular أو أي مكتبة/إطار عمل DOM آخر.