الفرق بين المراجعتين لصفحة: «React/javascript environment requirements»
< React
Kinan-mawed (نقاش | مساهمات) أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE:متطلبات بيئة JavaScript}}</noinclude>' |
Kinan-mawed (نقاش | مساهمات) لا ملخص تعديل |
||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:متطلبات بيئة JavaScript}}</noinclude> | <noinclude>{{DISPLAYTITLE:متطلبات بيئة JavaScript}}</noinclude> | ||
تعتمد React 16 على أنواع المجموعة [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map Map] و [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set Set]. إن كنت تدعم متصفحات أقدم وأجهزة قد لا توفر لك هذا من أصل المتصفح أو الجهاز (مثل الإصدارات الأقل من Internet Explorer 11) أو التي لا تمتلك اعتمادات بدون مشاكل (مثل Internet Explorer 11)، فنظر في تضمين polyfill عام ضمن تطبيقك، مثل <code>[https://github.com/zloirock/core-js core-js]</code> أو <code>[https://babeljs.io/docs/usage/polyfill/ babel-polyfill]</code>. | |||
تبدو البيئة بعد إضافة polyfill في React 16 باستخدام <code>core-js</code> لدعم متصفحات أقدم كما يلي:<syntaxhighlight lang="javascript"> | |||
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') | |||
); | |||
</syntaxhighlight>تعتمد React أيضًا على <code>requestAnimationFrame</code> (حتى في بيئات الاختبار). تستطيع استخدام الحزمة <code>[https://www.npmjs.com/package/raf raf]</code> كما يلي:<syntaxhighlight lang="javascript"> | |||
import 'raf/polyfill'; | |||
</syntaxhighlight> | |||
==مصادر== | |||
*[https://reactjs.org/docs/javascript-environment-requirements.html صفحة متطلبات بيئة JavaScript في توثيق React الرسمي]. | |||
[[تصنيف:React]] | |||
مراجعة 21:19، 10 سبتمبر 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';