الفرق بين المراجعتين ل"ReactNative/more resources"
(إضافة الصّفحة) |
|||
| سطر 4: | سطر 4: | ||
==المكتبات المشهورة== | ==المكتبات المشهورة== | ||
| − | إذا كنت تستخدم React Native، فأغلب الظّن أنك تعرف بالفعل عن مكتبة React، اطّلع على توثيقها لتعلّم كيفيّة بناء تطبيقات ويب حديثة. | + | إذا كنت تستخدم React Native، فأغلب الظّن أنك تعرف بالفعل عن مكتبة React، اطّلع على [[React|توثيقها لتعلّم كيفيّة بناء تطبيقات ويب حديثة]]. |
| − | كيفيّة التعامل مع الحالة في تطبيقات React Native من أشهر الأسئلة التي يطرحها المطوّرون، المكتبة الأكثر شعبية لذلك هي Redux. لا تخف من كثرة استخدام Redux لكلمة "reducer"، فهي مكتبة بسيطة، وهناك أيضًا سلسلة مقاطع فيديو جيّدة تشرح كيفيّة استخدامها. | + | كيفيّة التعامل مع الحالة في تطبيقات React Native من أشهر الأسئلة التي يطرحها المطوّرون، المكتبة الأكثر شعبية لذلك هي [http://redux.js.org/ Redux]. لا تخف من كثرة استخدام Redux لكلمة "reducer"، فهي مكتبة بسيطة، وهناك أيضًا [https://egghead.io/courses/getting-started-with-redux سلسلة مقاطع فيديو] جيّدة تشرح كيفيّة استخدامها. |
| − | إذا كنت تبحث عن مكتبة تؤدّي وظيفة معيّنة، فاطلع على مشروع Awesome React Native الذي يوفّر قائمة منسّقة تحتوي على العديد من المكونات، والدروس، والأمثلة، ومواد أخرى. | + | إذا كنت تبحث عن مكتبة تؤدّي وظيفة معيّنة، فاطلع على مشروع [http://www.awesome-react-native.com/ Awesome React Native] الذي يوفّر قائمة منسّقة تحتوي على العديد من المكونات، والدروس، والأمثلة، ومواد أخرى. |
==أمثلة== | ==أمثلة== | ||
| − | جرّب التطبيقات التي تستعمل React Native واطّلع على قدرة الإطار! هناك أيضا بعض التطبيقات مفتوحة المصدر على GitHub. يمكنك تشغيلها على مُحاكٍ أو جهازٍ فعليّ، ويمكنك قراءة شيفرتها المصدريّة. | + | جرّب [https://facebook.github.io/react-native/showcase.html التطبيقات التي تستعمل React Native] واطّلع على قدرة الإطار! هناك أيضا بعض [https://github.com/ReactNativeNews/React-Native-Apps التطبيقات مفتوحة المصدر على GitHub]. يمكنك تشغيلها على مُحاكٍ أو جهازٍ فعليّ، ويمكنك قراءة شيفرتها المصدريّة. |
| − | فَتحَ مُطوّرو تطبيق مؤتمر F8 من Facebook مصدره وكتبوا سلسلة دروس تعليمية مفصّلة. ما سيفيدك إن أردت مثالًا أعقد وأكثر واقعيّة من معظم التطبيقات التعليميّة البسيطة. | + | فَتحَ مُطوّرو تطبيق مؤتمر F8 من Facebook [https://github.com/fbsamples/f8app مصدره] وكتبوا [http://makeitopen.com/ سلسلة دروس تعليمية] مفصّلة. ما سيفيدك إن أردت مثالًا أعقد وأكثر واقعيّة من معظم التطبيقات التعليميّة البسيطة. |
==توسيع React Native== | ==توسيع React Native== | ||
| سطر 19: | سطر 19: | ||
* ينشر مطورو التّطبيقات وحداتِ React Native على npm ويفتحون مصادرها على GitHub. | * ينشر مطورو التّطبيقات وحداتِ React Native على npm ويفتحون مصادرها على GitHub. | ||
* يساعد إنشاء الوحدات على تنمية مجتمع React Native. لذا نوصي بكتابة الوحدات لحالات الاستخدام الخاصة بك ومشاركتها على npm. | * يساعد إنشاء الوحدات على تنمية مجتمع React Native. لذا نوصي بكتابة الوحدات لحالات الاستخدام الخاصة بك ومشاركتها على npm. | ||
| − | * اقرأ أدلّة استخدام الوحدات الأصيلة (iOS و Android) ومكونات واجهة المستخدم الأصيلة (iOS و Android) إذا أردت توسيع الوظائف الأصيلة في تطبيقاتك. | + | * اقرأ أدلّة استخدام الوحدات الأصيلة ([[ReactNative/native-modules-ios|iOS]] و [[ReactNative/native-modules-android|Android]]) ومكونات واجهة المستخدم الأصيلة ([[ReactNative/native-components-ios|iOS]] و [[ReactNative/native-components-android|Android]]) إذا أردت توسيع الوظائف الأصيلة في تطبيقاتك. |
| − | * إذا كنت تبحث عن مكوّنات مبنيّة مسبقا، فانظر كلًّا من JS.coach و Native Directory لتصفّح ما أنشأه مجتمع المطورين من مكوّنات مفيدة. | + | * إذا كنت تبحث عن مكوّنات مبنيّة مسبقا، فانظر كلًّا من [https://js.coach/react-native JS.coach] و [https://native.directory/ Native Directory] لتصفّح ما أنشأه مجتمع المطورين من مكوّنات مفيدة. |
==أدوات التطوير== | ==أدوات التطوير== | ||
| − | VS Code من أشهر المحرّرات بين مطوري JavaScript. | + | [https://code.visualstudio.com/ VS Code] من أشهر المحرّرات بين مطوري JavaScript. |
| − | Ignite أداةٌ تُساعدك على إنشاء التطبيقات بسرعة، وتستخدم Redux مع بعض مكتبات واجهة المستخدم الشائعة. تحتوي على واجهة سطر أوامر (CLI) لتوليد التطبيقات والمكونات والحاويات. إذا أعجبتك التقنيات التي تعتمد عليها Ignite، فستكون أداة مثاليّة وستفيدك بشدّة. | + | [https://github.com/infinitered/ignite Ignite] أداةٌ تُساعدك على إنشاء التطبيقات بسرعة، وتستخدم Redux مع بعض مكتبات واجهة المستخدم الشائعة. تحتوي على واجهة سطر أوامر (CLI) لتوليد التطبيقات والمكونات والحاويات. إذا أعجبتك التقنيات التي تعتمد عليها Ignite، فستكون أداة مثاليّة وستفيدك بشدّة. |
| − | App Center خدمةٌ من Microsoft تُسهّل نشر التحديثات المباشرة إلى تطبيق React Native الخاص بك. إذا لم تُعجبك العمليّات التي يجب عليك إنجازها على متجر التطبيقات لنشر تحديثات طفيفة، ولا تريد إعداد واجهة خلفيّة (backend) خاصّة بك، فجرّب خدمة App Center. | + | [https://appcenter.ms/ App Center] خدمةٌ من Microsoft تُسهّل نشر التحديثات المباشرة إلى تطبيق React Native الخاص بك. إذا لم تُعجبك العمليّات التي يجب عليك إنجازها على متجر التطبيقات لنشر تحديثات طفيفة، ولا تريد إعداد واجهة خلفيّة (backend) خاصّة بك، فجرّب خدمة App Center. |
| − | Expo بيئةُ تطويرٍ وتطبيقٌ يسمح لك ببناء تطبيقات React Native في بيئة تطوير Expo، دون الحاجة إلى Xcode أو Android Studio. إذا تمنّيت لو أنّ تطوير تطبيقات React Native كان أقرب إلى تطوير تطبيقات الويب، فجرّب Expo. | + | [https://docs.expo.io/ Expo] بيئةُ تطويرٍ وتطبيقٌ يسمح لك ببناء تطبيقات React Native في بيئة تطوير Expo، دون الحاجة إلى Xcode أو Android Studio. إذا تمنّيت لو أنّ تطوير تطبيقات React Native كان أقرب إلى تطوير تطبيقات الويب، فجرّب Expo. |
| − | Yoga محرك تخطيط (layout engine) مستقل ذو ميّزاتٍ أكثر من React Native ويسمح لمهندسي المنتجات ببناء تصميمات سريعًا لمنصات متعددة باستخدام محرك تخطيط مفتوح المصدر محسّن يهتمّ بالسرعة والحجم وسهولة الاستخدام. | + | [https://yogalayout.com/ Yoga] محرك تخطيط (layout engine) مستقل ذو ميّزاتٍ أكثر من React Native ويسمح لمهندسي المنتجات ببناء تصميمات سريعًا لمنصات متعددة باستخدام محرك تخطيط مفتوح المصدر محسّن يهتمّ بالسرعة والحجم وسهولة الاستخدام. |
| − | أدوات تطوير React أدواتٌ مفيدة لتصحيح أخطاء (تنقيح) | + | [[ReactNative/debugging|أدوات تطوير React]] أدواتٌ مفيدة لتصحيح أخطاء (تنقيح) تطبيقات React وReact Native. |
== مصادر == | == مصادر == | ||
* [https://facebook.github.io/react-native/docs/more-resources صفحة More Resources في توثيق React Native الرسمي.] | * [https://facebook.github.io/react-native/docs/more-resources صفحة More Resources في توثيق React Native الرسمي.] | ||
[[تصنيف:ReactNative]] | [[تصنيف:ReactNative]] | ||
مراجعة 16:29، 25 يناير 2019
المزيد من الموارد والمصادر لتعلّم React Native
ستكون قادرًا على إنشاء تطبيق React Native رائعٍ ومميّز عبر قراءة هذا التوثيق فقط. لكن React Native ليس منتجًا من شركة واحدة، بل هو مجتمع يضم آلاف المطورين. إذا كنت مهتمًا بتطوير تطبيقات أصيلة بإطارReact Native، فإليك بعض الأمور ذات الصلة التي قد يُفيدك الاطلاع عليها.
المكتبات المشهورة
إذا كنت تستخدم React Native، فأغلب الظّن أنك تعرف بالفعل عن مكتبة React، اطّلع على توثيقها لتعلّم كيفيّة بناء تطبيقات ويب حديثة.
كيفيّة التعامل مع الحالة في تطبيقات React Native من أشهر الأسئلة التي يطرحها المطوّرون، المكتبة الأكثر شعبية لذلك هي Redux. لا تخف من كثرة استخدام Redux لكلمة "reducer"، فهي مكتبة بسيطة، وهناك أيضًا سلسلة مقاطع فيديو جيّدة تشرح كيفيّة استخدامها.
إذا كنت تبحث عن مكتبة تؤدّي وظيفة معيّنة، فاطلع على مشروع Awesome React Native الذي يوفّر قائمة منسّقة تحتوي على العديد من المكونات، والدروس، والأمثلة، ومواد أخرى.
أمثلة
جرّب التطبيقات التي تستعمل React Native واطّلع على قدرة الإطار! هناك أيضا بعض التطبيقات مفتوحة المصدر على GitHub. يمكنك تشغيلها على مُحاكٍ أو جهازٍ فعليّ، ويمكنك قراءة شيفرتها المصدريّة.
فَتحَ مُطوّرو تطبيق مؤتمر F8 من Facebook مصدره وكتبوا سلسلة دروس تعليمية مفصّلة. ما سيفيدك إن أردت مثالًا أعقد وأكثر واقعيّة من معظم التطبيقات التعليميّة البسيطة.
توسيع React Native
- ينشر مطورو التّطبيقات وحداتِ React Native على npm ويفتحون مصادرها على GitHub.
- يساعد إنشاء الوحدات على تنمية مجتمع React Native. لذا نوصي بكتابة الوحدات لحالات الاستخدام الخاصة بك ومشاركتها على npm.
- اقرأ أدلّة استخدام الوحدات الأصيلة (iOS و Android) ومكونات واجهة المستخدم الأصيلة (iOS و Android) إذا أردت توسيع الوظائف الأصيلة في تطبيقاتك.
- إذا كنت تبحث عن مكوّنات مبنيّة مسبقا، فانظر كلًّا من JS.coach و Native Directory لتصفّح ما أنشأه مجتمع المطورين من مكوّنات مفيدة.
أدوات التطوير
VS Code من أشهر المحرّرات بين مطوري JavaScript.
Ignite أداةٌ تُساعدك على إنشاء التطبيقات بسرعة، وتستخدم Redux مع بعض مكتبات واجهة المستخدم الشائعة. تحتوي على واجهة سطر أوامر (CLI) لتوليد التطبيقات والمكونات والحاويات. إذا أعجبتك التقنيات التي تعتمد عليها Ignite، فستكون أداة مثاليّة وستفيدك بشدّة.
App Center خدمةٌ من Microsoft تُسهّل نشر التحديثات المباشرة إلى تطبيق React Native الخاص بك. إذا لم تُعجبك العمليّات التي يجب عليك إنجازها على متجر التطبيقات لنشر تحديثات طفيفة، ولا تريد إعداد واجهة خلفيّة (backend) خاصّة بك، فجرّب خدمة App Center.
Expo بيئةُ تطويرٍ وتطبيقٌ يسمح لك ببناء تطبيقات React Native في بيئة تطوير Expo، دون الحاجة إلى Xcode أو Android Studio. إذا تمنّيت لو أنّ تطوير تطبيقات React Native كان أقرب إلى تطوير تطبيقات الويب، فجرّب Expo.
Yoga محرك تخطيط (layout engine) مستقل ذو ميّزاتٍ أكثر من React Native ويسمح لمهندسي المنتجات ببناء تصميمات سريعًا لمنصات متعددة باستخدام محرك تخطيط مفتوح المصدر محسّن يهتمّ بالسرعة والحجم وسهولة الاستخدام.
أدوات تطوير React أدواتٌ مفيدة لتصحيح أخطاء (تنقيح) تطبيقات React وReact Native.