الفرق بين المراجعتين لصفحة: «ReactNative/more resources»

المراجعة الحالية بتاريخ 13:57، 9 أكتوبر 2021

هناك دائمًا المزيد لتعلّمه كمهام سير عمل المطورين، والنقل إلى متاجر التطبيقات، والتدويل internationalization، والأمن وغير ذلك الكثير.

الخطوة التالية

مصادر تعلم أخرى مفيدة

توثيق React
دروس أكاديمية حسوب لتعلّم JavaScript مع مجموعة من المراجع والأدلة، ويمكنك الاطّلاع على توثيق لغة JavaScript على موسوعة حسوب.
توثيق منصة Android و iOS.

بيئات التطوير IDE

نوصي باستخدام محرر الشيفرات VS Code وأدوات React Native المفيدة.

منصات يمكنك تجربتها

نوصي بالمنصتين التاليتين:

Expo هو إطار عمل من الأدوات والخدمات لإطار عمل React Native الذي يركز على السماح لك ببناء تطبيقات React Native دون الحاجة إلى Xcode أو Android Studio. إذا كانت لديك خلفية بتطوير الويب، فقد يروق لك Expo.
Ignite هي عبارة عن واجهة CLI لمجموعة بدء تشغيل مزودة بالعديد من شيفرات تداولية جاهزة boilerplate خاصة بإطار العمل React Native. يستخدم أحدث إصدار (وهو Ignite Bowser) مكتبة MobX-State-Tree لإدارة الحالة، و React Navigation، والمكتبات الشائعة الأخرى. تحتوي Ignite على موّلدات للمكونات والنماذج وغير ذلك، وتدعم Expo. إذا أردت مكدسًا تقنيًا مُعَدًّا مسبقًا، فقد يكون Ignite مثاليًا لك.

أمثلة عن تطبيقات React Native

جرّب التطبيقات التي تستعمل React Native لترى قدرة هذا الإطار، أو اطّلع على شيء عملي أكثر كهذه المجموعة من أمثلة التطبيقات على GitHub، إذ يمكنك إلقاء نظرة على الشيفرة المصدرية الخاصة بها، ثم حاول تشغيل أحد هذه التطبيقات على محاكٍ أو جهازٍ فعلي.

البحث عن المكونات والوحدات الخاصة بك وإنشاؤها ومشاركتها

يحتوي React Native على مجتمع من آلاف المطورين الذين يصنعون المحتوى والأدوات والدروس التعليمية والمكونات الأصيلة. إن لم تعثر على ما تبحث عنه في المكونات الأساسية، فيمكنك زيارة React Native Directory لترى على ما أنشأه المجتمع. أما إن كنت مهتمًا ببناء المكون أو الوحدة الأصيلة الخاصة بك، فإنّ إنشاء وحدات لحالة الاستخدام الخاصة بك ومشاركتها مع الآخرين على NPM و GitHub يساعد في تنمية مجتمع React Native. اطّلع على أدلة إنشاء الوحدات الأصيلة (Android و iOS) والمكوّنات الأصيلة (Android و iOS).

مصادر

صفحة More Resources في توثيق React Native الرسمي.

@@ سطر 1: / سطر 1: @@
-<noinclude>{{DISPLAYTITLE:مصادر أخرى في React Native}}</noinclude>
+<noinclude>{{DISPLAYTITLE:مصادر أخرى عن React Native}}</noinclude>هناك دائمًا المزيد لتعلّمه كمهام سير عمل المطورين، والنقل إلى متاجر التطبيقات، والتدويل internationalization، والأمن وغير ذلك الكثير.
-==المزيد من الموارد والمصادر لتعلّم React Native==
-ستكون قادرًا على إنشاء تطبيق React Native رائعٍ ومميّز عبر قراءة هذا التوثيق فقط. لكن React Native ليس منتجًا من شركة واحدة، بل هو مجتمع يضم آلاف المطورين. إذا كنت مهتمًا بتطوير تطبيقات أصيلة بإطارReact Native، فإليك بعض الأمور ذات الصلة التي قد يُفيدك الاطلاع عليها.
-==المكتبات المشهورة==
+== الخطوة التالية ==
-إذا كنت تستخدم React Native، فأغلب الظّن أنك تعرف بالفعل عن مكتبة React، اطّلع على [[React|توثيقها لتعلّم كيفيّة بناء تطبيقات ويب حديثة]].
-كيفيّة التعامل مع الحالة في تطبيقات React Native من أشهر الأسئلة التي يطرحها المطوّرون، المكتبة الأكثر شعبية لذلك هي [http://redux.js.org/ Redux]. لا تخف من كثرة استخدام Redux لكلمة "reducer"، فهي مكتبة بسيطة، وهناك أيضًا [https://egghead.io/courses/getting-started-with-redux سلسلة مقاطع فيديو] جيّدة تشرح كيفيّة استخدامها.
+* [[ReactNative/environment setup|إعداد بيئتك]]
+* [[ReactNative/running on device|إعداد سير عمل التطوير]]
+* [[ReactNative/flexbox|تصميم وتخطيط تطبيقك]]
+* [[ReactNative/debugging|تنقيح أخطاء تطبيقك]]
+* [[ReactNative/platform specific code|بناء التطبيق متعدد المنصات]]
+* [https://reactnative.dev/help المشاركة في مجتمع React Native]
-إذا كنت تبحث عن مكتبة تؤدّي وظيفة معيّنة، فاطلع على مشروع [http://www.awesome-react-native.com/ Awesome React Native] الذي يوفّر قائمة منسّقة تحتوي على العديد من المكونات، والدروس، والأمثلة، ومواد أخرى.
+== مصادر تعلم أخرى مفيدة ==
-==أمثلة==
+* [[React|توثيق React]]
-جرّب [https://facebook.github.io/react-native/showcase.html التطبيقات التي تستعمل React Native] واطّلع على قدرة الإطار! هناك أيضا بعض [https://github.com/ReactNativeNews/React-Native-Apps التطبيقات مفتوحة المصدر على GitHub]. يمكنك تشغيلها على مُحاكٍ أو جهازٍ فعليّ، ويمكنك قراءة شيفرتها المصدريّة.
+* [https://academy.hsoub.com/programming/javascript/ دروس أكاديمية حسوب لتعلّم JavaScript مع مجموعة من المراجع والأدلة]، ويمكنك الاطّلاع على [[JavaScript|توثيق لغة JavaScript]] على موسوعة حسوب.
+* توثيق منصة [https://developer.android.com/docs Android] و [https://developer.apple.com/documentation/uikit iOS].
-فَتحَ مُطوّرو تطبيق مؤتمر F8 من Facebook [https://github.com/fbsamples/f8app مصدره] وكتبوا [http://makeitopen.com/ سلسلة دروس تعليمية] مفصّلة. ما سيفيدك إن أردت مثالًا أعقد وأكثر واقعيّة من معظم التطبيقات التعليميّة البسيطة.
+== بيئات التطوير IDE ==
+نوصي باستخدام محرر الشيفرات [https://code.visualstudio.com/ VS Code] و[https://marketplace.visualstudio.com/items?itemName=msjsdiag.vscode-react-native أدوات React Native] المفيدة.
-==توسيع React Native==
+== منصات يمكنك تجربتها ==
+نوصي بالمنصتين التاليتين:
-* ينشر مطورو التّطبيقات وحداتِ React Native على npm ويفتحون مصادرها على GitHub.
+* [https://docs.expo.io/ Expo] هو إطار عمل من الأدوات والخدمات لإطار عمل React Native الذي يركز على السماح لك ببناء تطبيقات React Native دون الحاجة إلى Xcode أو Android Studio. إذا كانت لديك خلفية بتطوير الويب، فقد يروق لك Expo.
-* يساعد إنشاء الوحدات على تنمية مجتمع React Native. لذا نوصي بكتابة الوحدات لحالات الاستخدام الخاصة بك ومشاركتها على npm.
+* [https://github.com/infinitered/ignite Ignite] هي عبارة عن واجهة CLI لمجموعة بدء تشغيل مزودة بالعديد من شيفرات تداولية جاهزة boilerplate خاصة بإطار العمل React Native. يستخدم أحدث إصدار (وهو [https://github.com/infinitered/ignite-bowser Ignite Bowser]) مكتبة MobX-State-Tree لإدارة الحالة، و React Navigation، والمكتبات الشائعة الأخرى. تحتوي Ignite على موّلدات للمكونات والنماذج وغير ذلك، وتدعم Expo. إذا أردت مكدسًا تقنيًا مُعَدًّا مسبقًا، فقد يكون Ignite مثاليًا لك.
-* اقرأ أدلّة استخدام الوحدات الأصيلة ([[ReactNative/native-modules-ios|iOS]] و [[ReactNative/native-modules-android|Android]]) ومكونات واجهة المستخدم الأصيلة ([[ReactNative/native-components-ios|iOS]] و [[ReactNative/native-components-android|Android]]) إذا أردت توسيع الوظائف الأصيلة في تطبيقاتك.
-* إذا كنت تبحث عن مكوّنات مبنيّة مسبقا، فانظر كلًّا من [https://js.coach/react-native JS.coach] و [https://native.directory/ Native Directory] لتصفّح ما أنشأه مجتمع المطورين من مكوّنات مفيدة.
-==أدوات التطوير==
+== أمثلة عن تطبيقات React Native ==
-[https://code.visualstudio.com/ VS Code] من أشهر المحرّرات بين مطوري JavaScript.
+جرّب [https://reactnative.dev/showcase التطبيقات التي تستعمل React Native] لترى قدرة هذا الإطار، أو اطّلع على شيء عملي أكثر كهذه المجموعة من [https://github.com/ReactNativeNews/React-Native-Apps أمثلة التطبيقات على GitHub]، إذ يمكنك إلقاء نظرة على الشيفرة المصدرية الخاصة بها، ثم حاول تشغيل أحد هذه التطبيقات على محاكٍ أو جهازٍ فعلي.
-[https://github.com/infinitered/ignite Ignite] أداةٌ تُساعدك على إنشاء التطبيقات بسرعة، وتستخدم Redux مع بعض مكتبات واجهة المستخدم الشائعة. تحتوي على واجهة سطر أوامر (CLI) لتوليد التطبيقات والمكونات والحاويات. إذا أعجبتك التقنيات التي تعتمد عليها Ignite، فستكون أداة مثاليّة وستفيدك بشدّة.
+== البحث عن المكونات والوحدات الخاصة بك وإنشاؤها ومشاركتها ==
+يحتوي React Native على مجتمع من آلاف المطورين الذين يصنعون المحتوى والأدوات والدروس التعليمية والمكونات الأصيلة. إن لم تعثر على ما تبحث عنه في المكونات الأساسية، فيمكنك زيارة [https://reactnative.directory/ React Native Directory] لترى على ما أنشأه المجتمع. أما إن كنت مهتمًا ببناء المكون أو الوحدة الأصيلة الخاصة بك، فإنّ إنشاء وحدات لحالة الاستخدام الخاصة بك ومشاركتها مع الآخرين على NPM و GitHub يساعد في تنمية مجتمع React Native. اطّلع على أدلة إنشاء الوحدات الأصيلة ([[ReactNative/native modules android|Android]] و [[ReactNative/native modules ios|iOS]]) والمكوّنات الأصيلة ([[ReactNative/native components android|Android]] و [[ReactNative/native components ios|iOS]]).
-[https://appcenter.ms/ App Center] خدمةٌ من Microsoft تُسهّل نشر التحديثات المباشرة إلى تطبيق React Native الخاص بك. إذا لم تُعجبك العمليّات التي يجب عليك إنجازها على متجر التطبيقات لنشر تحديثات طفيفة، ولا تريد إعداد واجهة خلفيّة (backend) خاصّة بك، فجرّب خدمة App Center.
-[https://docs.expo.io/ Expo] بيئةُ تطويرٍ وتطبيقٌ يسمح لك ببناء تطبيقات React Native في بيئة تطوير Expo، دون الحاجة إلى Xcode أو Android Studio. إذا تمنّيت لو أنّ تطوير تطبيقات React Native كان أقرب إلى تطوير تطبيقات الويب، فجرّب Expo.
-[https://yogalayout.com/ Yoga] محرك تخطيط (layout engine) مستقل ذو ميّزاتٍ أكثر من React Native ويسمح لمهندسي المنتجات ببناء تصميمات سريعًا لمنصات متعددة باستخدام محرك تخطيط مفتوح المصدر محسّن يهتمّ بالسرعة والحجم وسهولة الاستخدام.
-[[ReactNative/debugging|أدوات تطوير React]] أدواتٌ مفيدة لتصحيح أخطاء (تنقيح) تطبيقات React وReact Native.
 == مصادر ==
-* [https://facebook.github.io/react-native/docs/more-resources صفحة More Resources في توثيق React Native الرسمي.]
+* [https://reactnative.dev/docs/more-resources صفحة More Resources في توثيق React Native الرسمي.]
 [[تصنيف:ReactNative]]
+[[تصنيف:React Native Docs]]