عرض مصدر ReactNative/out of tree platforms

<noinclude>{{DISPLAYTITLE: منصات مدعومة من طرف المجتمع في React Native}}</noinclude>

إطار React Native ليس فقط لنظامَي التشغيل Android و iOS. إذ هناك مشاريع مدعومة من المجتمع يمكنك بها استعمال React Native على منصات أخرى، مثل:

* [https://github.com/Microsoft/react-native-windows React Native Windows]: دعم React Native لكل من Universal Windows Platform (UWP)‎ وWindows Presentation Foundation (WPF)‎.
* [https://github.com/vincentriemer/react-native-dom React Native DOM]: نقلٌ تجريبي شامل لإطار العمل React Native إلى منصّة الويب. (يجب عدم الخلط بينه وبين [https://github.com/necolas/react-native-web React Native Web] الذي يمتلك أهدافًا مختلفة).
* [https://github.com/lazaronixon/react-native-turbolinks React Native Turbolinks]: مُوائِم (adapter) لإطار React Native لإنشاء تطبيقات هجينة باستخدام [https://github.com/turbolinks/turbolinks Turbolinks 5].
* [https://github.com/status-im/react-native-desktop React Native Desktop]: مشروع يهدف إلى نقل React Native إلى منصّة سطح المكتب باستخدام  تقنيّة QML الخاصة بمشروع Qt. وهو تفرّعٌ (fork) من [https://github.com/CanonicalLtd/react-native/ React Native Ubuntu]، الذي لم يعد قيد التحديث والصيانة.
* [https://github.com/ptmt/react-native-macos React Native macOS]: تفرّعُ React Native تجريبيّ يستهدف macOS وCocoa.

==إنشاء منصة React Native خاصة بك==
لا يوجد حاليًّا توثيق جيّد لعملية إنشاء منصة React Native من البداية، تسهيل إنشاء وصيانة منصّةٍ أحد أهداف إعادة الهيكلة القادمة ([https://facebook.github.io/react-native/blog/2018/06/14/state-of-react-native-2018 Fabric]).

===التجميع (Bundling)===
بدءًا من React Native 0.57، يمكنك الآن تسجيل منصّة React Native الخاصّة بك باستخدام [https://facebook.github.io/metro/ Metro]، وهو مُجمِّع JavaScript الخاص بإطار العمل React Native. هذا يعني أنّه يمكنك تمرير المعامل ‎‎<code>--platform example</code>‎‎ إلى الأمر ‎‎<code>react-native bundle</code>‎‎، وسيبحث عن ملفّات JavaScript ذات اللاحقة ‎‎<code>.example.js</code>‎‎.

لتسجيل منصّتك مع RNPM، يجب أن يتوافق اسم وحدتك مع أحد هذه الأنماط:

*‎‎<code>react-native-example</code> ‎‎: سيبحث المجمِّع في جميع وحدات المستوى الأعلى (top-level modules) التي تبدأ بـالمقطع ‎‎<code>react-native-</code>‎‎.
* ‎‎:<code>@org/react-native-example</code>‎‎ سيبحث المجمِّع عن الوحدات التي تبدأ بـالمقطع ‎‎<code>react-native-</code>‎‎ تحت أي نطاق.
* ‎‎:<code>@react-native-example/module</code>‎‎ سيُبحَث في جميع الوحدات النمطيّة التي تقع تحت النطاقات ذات الأسماء التي تبدأ بالمقطع ‎‎<code>@react-native-</code>‎‎.

ينبغي كذلك وجود خانةٍ في ملفّ ‎‎<code>package.json</code>‎‎ كما يلي:
<syntaxhighlight lang="javascript">
{
  "rnpm": {
    "haste": {
      "providesModuleNodeModules": ["react-native-example"],
      "platforms": ["example"]
    }
  }
}
</syntaxhighlight>

‎‎<code>"providesModuleNodeModules"</code>‎‎ هي مصفوفةٌ من الوحدات التي ستُضاف إلى مسار Haste للبحث عن الوحدات (Haste module search path)، و‎‎<code>"platforms"</code>‎‎ مصفوفةٌ من لاحقات المنصّات التي ستُضاف كمنصات صالحة.

== مصادر ==
* [https://facebook.github.io/react-native/docs/out-of-tree-platforms صفحة Out-of-Tree Platforms في توثيق React Native الرسمي.]
[[تصنيف:ReactNative]]