عرض مصدر ReactNative/native modules setup

<noinclude>{{DISPLAYTITLE: إعداد الوحدات الأصيلة في React Native}}</noinclude>
عادةً ما تُوزَّع الوحدات الأصيلة كحزم npm، باستثناء أنّها تحتوي على شيفراتٍ أصيلة حسب المنصّة إضافة إلى شيفرة JavaScript المعتادة. انظر [https://docs.npmjs.com/getting-started/publishing-npm-packages هذه الصفحة] للاستزادة حول حزم npm.

لإعداد بنية المشروع الأساسية لوحدةٍ أصيلة، سنستخدم مكتبة [https://github.com/frostney/react-native-create-library react-native-create-library]. يمكنك التعمق في كيفية عمل هذه المكتبة إن أردت، لكنّنا سنحتاج هنا فقط إلى ما يلي:

<syntaxhighlight lang="javascript">
npx create-react-native-library react-native-awesome-module
</syntaxhighlight>

حيث ‎‎<code>react-native-awesome-module</code>‎‎ هو الاسم الذي تريده للوحدة الجديدة. بعد تنفيذ ما سبق، انتقل إلى مجلد <code>react-native-awesome-module</code> وشغل مشروع المثال بواسطة :
<syntaxhighlight lang="javascript">
yarn
</syntaxhighlight>

بعد الانتهاء من هذه الخطوة، يمكنك بدء تطبيق المثال بتنفيذ إحدى التعليمات:<syntaxhighlight lang="javascript">
# Android app
yarn example android
# iOS app
yarn example ios
</syntaxhighlight>بعد تنفيذ كل ما سبق، يمكنك [[ReactNative/native modules ios|تصفّح وحدات iOS]] الأصيلة أو [[ReactNative/native modules android|وحدات Android]] الأصيلة لإضافة شيفراتك البرمجيّة. 

للحصول على إعداد أقل تصلبًا ألق نظرة على أداة الطرف الثالث [https://github.com/brodybits/create-react-native-module create-react-native-module]

== مصادر ==
* [https://facebook.github.io/react-native/docs/native-modules-setup صفحة Native Modules Setup في توثيق React Native الرسمي.]
[[تصنيف:ReactNative]]
[[تصنيف:React Native Docs]]