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

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
ط (تعديل التصنيفات)
(تحديث)
 
سطر 3: سطر 3:
  
 
تبدو البيئة بعد إضافة نقص الدعم (polyfill) في React 16 باستخدام <code>core-js</code> لدعم متصفحات أقدم كما يلي:<syntaxhighlight lang="javascript">
 
تبدو البيئة بعد إضافة نقص الدعم (polyfill) في React 16 باستخدام <code>core-js</code> لدعم متصفحات أقدم كما يلي:<syntaxhighlight lang="javascript">
−
import 'core-js/es6/map';
+
import 'core-js/es/map';
−
import 'core-js/es6/set';
+
import 'core-js/es/set';
  
 
import React from 'react';
 
import React from 'react';
سطر 10: سطر 10:
  
 
ReactDOM.render(
 
ReactDOM.render(
−
   <h1>أهلًا بالعالم</h1>,
+
   <h1>اهلا بالعالم</h1>,
 
   document.getElementById('root')
 
   document.getElementById('root')
 
);
 
);
−
 
 
</syntaxhighlight>تعتمد React أيضًا على <code>requestAnimationFrame</code> (حتى في بيئات الاختبار). تستطيع استخدام الحزمة <code>[https://www.npmjs.com/package/raf raf]</code> كما يلي:<syntaxhighlight lang="javascript">
 
</syntaxhighlight>تعتمد React أيضًا على <code>requestAnimationFrame</code> (حتى في بيئات الاختبار). تستطيع استخدام الحزمة <code>[https://www.npmjs.com/package/raf raf]</code> كما يلي:<syntaxhighlight lang="javascript">
 
import 'raf/polyfill';
 
import 'raf/polyfill';

المراجعة الحالية بتاريخ 21:20، 5 نوفمبر 2020

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

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

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

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

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

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

import 'raf/polyfill';

انظر أيضًا

مصادر

مجلوبة من "https://wiki.hsoub.com/index.php?title=React/javascript_environment_requirements&oldid=29835"