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

من موسوعة حسوب
لا ملخص تعديل
سطر 1: سطر 1:
<noinclude>{{DISPLAYTITLE:مصادر أخرى في React Native}}</noinclude>
<noinclude>{{DISPLAYTITLE:مصادر أخرى في React Native}}</noinclude>هناك دائمًا المزيد لتعلّمه كمهام سير عمل المطورين، والنقل إلى متاجر التطبيقات، والتدويل internationalization، والأمن وغير ذلك الكثير.
 
==مزيد من الموارد والمصادر لتعلّم React Native==
هناك دائمًا المزيد لتعلّمه كمهام سير عمل المطورين، والنقل إلى متاجر التطبيقات، والتدويل internationalization، والأمن وغير ذلك الكثير.


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


* [[ReactNative/environment setup|إعداد بيئتك]].
* [[ReactNative/environment setup|إعداد بيئتك]]
* [[ReactNative/running on device|إعداد سير عمل التطوير]].
* [[ReactNative/running on device|إعداد سير عمل التطوير]]
* [[ReactNative/flexbox|تصميم وتخطيط تطبيقك]].
* [[ReactNative/flexbox|تصميم وتخطيط تطبيقك]]
* [[ReactNative/debugging|تنقيح أخطاء تطبيقك]].
* [[ReactNative/debugging|تنقيح أخطاء تطبيقك]]
* [[ReactNative/platform specific code|بناء التطبيق متعدد المنصات]].
* [[ReactNative/platform specific code|بناء التطبيق متعدد المنصات]]
* [https://reactnative.dev/help المشاركة في مجتمع React Native].
* [https://reactnative.dev/help المشاركة في مجتمع React Native]


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


* [[React|توثيق React]].
* [[React|توثيق React]]
* [https://developer.mozilla.org/en-US/docs/Web/JavaScript دروس MDN لتعلّم JavaScript مع مجموعة من المراجع والأدلة]، ويمكنك الاطّلاع على [[JavaScript|توثيق لغة JavaScript]] على موسوعة حسوب.
* [https://academy.hsoub.com/programming/javascript/ دروس أكاديمية حسوب لتعلّم JavaScript مع مجموعة من المراجع والأدلة]، ويمكنك الاطّلاع على [[JavaScript|توثيق لغة JavaScript]] على موسوعة حسوب.
* توثيق منصة [https://developer.android.com/docs Android] و [https://developer.apple.com/documentation/uikit iOS].
* توثيق منصة [https://developer.android.com/docs Android] و [https://developer.apple.com/documentation/uikit iOS].


سطر 23: سطر 20:


== منصات يمكنك تجربتها ==
== منصات يمكنك تجربتها ==
[https://docs.expo.io/ Expo] هو إطار عمل من الأدوات والخدمات لإطار عمل React Native الذي يركز على السماح لك ببناء تطبيقات React Native دون الحاجة إلى Xcode أو Android Studio. إذا كانت لديك خلفية بتطوير الويب، فقد يروق لك Expo.
نوصي بالمنصتين التاليتين:


[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 مثاليًا لك.
* [https://docs.expo.io/ Expo] هو إطار عمل من الأدوات والخدمات لإطار عمل React Native الذي يركز على السماح لك ببناء تطبيقات React Native دون الحاجة إلى Xcode أو Android Studio. إذا كانت لديك خلفية بتطوير الويب، فقد يروق لك Expo.
* [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 مثاليًا لك.


== أمثلة عن تطبيقات React Native ==
== أمثلة عن تطبيقات React Native ==
جرّب [https://reactnative.dev/showcase التطبيقات التي تستعمل React Native] لترى قدرته، أو اطّلع على شيء عملي أكثر كهذه المجموعة من [https://github.com/ReactNativeNews/React-Native-Apps أمثلة التطبيقات على GitHub]، إذ يمكنك إلقاء نظرة على الشيفرة المصدرية الخاصة بها، ثم حاول تشغيل أحد هذه التطبيقات على محاكٍ أو جهازٍ فعلي.
جرّب [https://reactnative.dev/showcase التطبيقات التي تستعمل React Native] لترى قدرة هذا الإطار، أو اطّلع على شيء عملي أكثر كهذه المجموعة من [https://github.com/ReactNativeNews/React-Native-Apps أمثلة التطبيقات على GitHub]، إذ يمكنك إلقاء نظرة على الشيفرة المصدرية الخاصة بها، ثم حاول تشغيل أحد هذه التطبيقات على محاكٍ أو جهازٍ فعلي.


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

مراجعة 12:05، 17 يوليو 2021

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

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

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

بيئات التطوير 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).

مصادر