الفرق بين المراجعتين ل"React/javascript environment requirements"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
سطر 18: سطر 18:
 
</syntaxhighlight>
 
</syntaxhighlight>
  
 +
== انظر أيضًا ==
 +
* [[React/react api|واجهة برمجة التطبيق (API) ذات المستوى الأعلى في React]]
 +
* [[React/react component|الصنف React.Component]]
 +
* [[React/react dom|الكائن ReactDOM]]
 +
* [[React/react dom server|الكائن ReactDOMServer]]
 +
* [[React/dom elements|عناصر DOM]]
 +
* [[React/events|الأحداث المصطنعة (Synthetic Events)]]
 +
* [[React/test utils|أدوات الاختبار]]
 +
* [[React/shallow renderer|التصيير السطحي (Shallow Rendering)]]
 +
* [[React/test renderer|مصير الاختبار (Test Renderer)]]
 +
* متطلبات بيئة JavaScript (الصفحة الحالية)
 
==مصادر==
 
==مصادر==
 
*[https://reactjs.org/docs/javascript-environment-requirements.html صفحة متطلبات بيئة JavaScript في توثيق React الرسمي].
 
*[https://reactjs.org/docs/javascript-environment-requirements.html صفحة متطلبات بيئة JavaScript في توثيق React الرسمي].
 
[[تصنيف:React]]
 
[[تصنيف:React]]

مراجعة 17:07، 16 سبتمبر 2018

تعتمد React 16 على أنواع المجموعة Map و Set. إن كنت تدعم متصفحات أقدم وأجهزة قد لا توفر لك هذا من أصل المتصفح أو الجهاز (مثل الإصدارات الأقل من Internet Explorer 11) أو التي لا تمتلك اعتمادات بدون مشاكل (مثل Internet Explorer 11)، فانظر في تضمين polyfill عام في تطبيقك، مثل core-js أو babel-polyfill.

تبدو البيئة بعد إضافة polyfill في React 16 باستخدام core-js لدعم متصفحات أقدم كما يلي:

import 'core-js/es6/map';
import 'core-js/es6/set';

import React from 'react';
import ReactDOM from 'react-dom';

ReactDOM.render(
  <h1>أهلًا بالعالم</h1>,
  document.getElementById('root')
);

تعتمد React أيضًا على requestAnimationFrame (حتى في بيئات الاختبار). تستطيع استخدام الحزمة raf كما يلي:

import 'raf/polyfill';

انظر أيضًا

مصادر