عرض مصدر React/cdn links

<noinclude>{{DISPLAYTITLE:روابط شبكة توزيع المحتوى CDN}}</noinclude>
تتوفّر إصدارات <code>UMD</code>  لملفي <code>React</code> و <code>ReactDOM</code> عبر شبكة توزيع المحتوى (اختصارًا CDN). ترمز <code>UMD</code> إلى Universal Module Definition، وهي عبارة عن تعريف لوحدات JavaScript لجعلها متوافقة مع أطر عمل JavaScript بحيث تعمل في أي مكان.<syntaxhighlight lang="javascript">
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
</syntaxhighlight>الغرض من الإصدارات السّابقة هو التطوير فقط، فهي ليست ملائمة للإنتاج. تتوفّر إصدارات من React مُحسَّنة للإنتاج على الروابط التالية:<syntaxhighlight lang="javascript">
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
</syntaxhighlight>لتحميل إصدار مُعيَّن من <code>react</code> و <code>react-dom</code> بدّل الرقم <code>16</code> إلى رقم الإصدار المطلوب.

== لماذا استخدمنا الخاصيّة <code>crossorigin</code> هنا؟ ==
إن كُنتَ تُخدِّم React عبر شبكة توزيع المحتوى، فمن المُفضَّل الحفاظ على الخاصيّة <code>crossorigin</code>:<syntaxhighlight lang="javascript">
<script crossorigin src="..."></script>
</syntaxhighlight>من المُفضَّل أيضًا التحقّق من أنّ شبكة توزيع المحتوى التي تستخدمها تُعيِّن ترويسة HTTP إلى <code>‎Access-Control-Allow-Origin: *</code>‎ كما في الصورة التالية:
[[ملف:cdn-cors-header-89baed0a6540f29e954065ce04661048-dd807.png|حدود|مركز|350x350بك]]
يُمكّننا هذا من [[React/error handling in react 16|التعامل مع الأخطاء]] بكفاءة أكبر في إصدار React 16 فما فوق.
==انظر أيضًا==
*[[React/try react|تجربة React]]
* [[React/add react to a new app|إضافة React إلى تطبيق جديد]]
*[[React/add react to an existing app|إضافة React إلى تطبيق موجود]]
*روابط شبكة توزيع المحتوى CDN (الصفحة الحالية)

== مصادر ==
* [https://reactjs.org/docs/cdn-links.html صفحة روابط شبكة توزيع المحتوى CDN في توثيق React الرسمي].
[[تصنيف:React]]