تطوير تطبيقات الجوال باستخدام React Native

قاعدة كود واحدة لنظامي iOS وAndroid: بهذه الطريقة بنينا تطبيقاتنا المنشورة على App Store وGoogle Play.

نطوّر تطبيقات iOS وAndroid باستخدام React Native وExpo. بُنيت تطبيقات Rigel وLydiaVault وSoruVerse بهذه الطريقة، وهي منشورة في المتجرين.

آخر تحديث:

ما بنيناه بهذه التقنية

جميعها منشورة؛ صفحات المتاجر والتفاصيل في صفحة المنتجات.

Rigel

تطبيق فيديو بالذكاء الاصطناعي

React Native بدون Expo؛ الاشتراكات عبر RevenueCat، والمصادقة والإشعارات عبر React Native Firebase.

اعرض المنتج

LydiaVault

مدرب ميزانية بالذكاء الاصطناعي

React Native بدون Expo؛ RevenueCat وReact Native Firebase، وReanimated لانتقالات سلسة في الرسوم.

اعرض المنتج

SoruVerse

تطبيق أسئلة ومجتمع جامعي

Expo وExpo Router؛ البيانات والمصادقة على Firebase، والواجهة بلغتين.

اعرض المنتج

متى يكون React Native الخيار الصحيح

يتيح React Native كتابة تطبيق iOS وAndroid من قاعدة كود واحدة بلغة TypeScript، بينما تُرسم الشاشات بمكونات الهاتف الأصلية. في معظم تطبيقات الأعمال (الحسابات، المحتوى، النماذج، المدفوعات، الإشعارات، الكاميرا) يتقدم العمل أسرع من فريقين أصليين منفصلين، ويتولى صيانته فريق واحد.

حيث يناسب React Native

  • تريد الإطلاق على iOS وAndroid في الوقت نفسه
  • سيكون بجانب التطبيق لوحة تحكم على الويب، وتريد أن يتولى فريق واحد الاثنين
  • تستخدم ميزات الجهاز المعتادة مثل الاشتراكات والمشتريات داخل التطبيق والإشعارات والكاميرا
  • تريد اختبار السوق بنسخة أولى صغيرة ثم التوسع

حيث نقترح التطوير الأصلي بدلاً منه

  • جوهر المنتج رسوميات ثلاثية الأبعاد كثيفة أو محرك ألعاب
  • يعتمد التطبيق على ميزة نظام جديدة في منصة واحدة فقط
  • لديك بالفعل قاعدة كود أصلية كبيرة وفريق يديرها

Expo أم React Native بدون Expo

نستخدم الطريقتين. بنينا SoruVerse باستخدام Expo وExpo Router، واخترنا React Native بدون Expo في Rigel وLydiaVault لأنهما احتاجا إلى وصول أعمق إلى الوحدات الأصلية. نقرر ذلك في مرحلة الاستكشاف بحسب ميزات الجهاز وحزم SDK الخارجية التي سيستخدمها التطبيق.

ExpoReact Native بدون Expo
البدءسريع؛ البناء والتوقيع في السحابة عبر EASيتطلب إعداد Xcode وAndroid Studio
الوحدات الأصليةتُضاف معظم حزم SDK عبر config pluginsوصول مباشر إلى الكود الأصلي
يناسبالمنتجات الجديدة ونسخ MVP وتطبيقات المحتوى والمجتمعاتالتطبيقات التي تحتاج إلى تكامل أصلي خاص
مثالناSoruVerseRigel وLydiaVault

ما نستخدمه بجانب React Native

TypeScript

نكتب تطبيق الجوال ولوحة الويب والخادم بلغة واحدة، وتُكتشف أخطاء الأنواع أثناء البناء.

Firebase

المصادقة وقاعدة البيانات والإشعارات. نستخدمه في SoruVerse وRigel وLydiaVault.

RevenueCat

لإدارة اشتراكات App Store وGoogle Play والمشتريات داخل التطبيق من مكان واحد. نستخدمه في Rigel وLydiaVault.

i18next

لنشر التطبيق بأكثر من لغة. نستخدمه في Rigel وSoruVerse.

Reanimated

رسوم متحركة وانتقالات سلسة على الهاتف. نستخدمه في LydiaVault وSoruVerse.

Expo Router

تنقل قائم على الملفات وروابط عميقة. نستخدمه في SoruVerse.

كيف يسير مشروع React Native

  1. 01

    مكالمة تعريفية مجانية

    30 دقيقة

    نتحدث عن جمهور التطبيق وميزات الجهاز التي يحتاجها والميزانية التي تفكر فيها.

  2. 02

    نطاق مكتوب وعرض سعر

    نكتب الشاشات ومعايير القبول والاختيار بين Expo وReact Native بدون Expo.

  3. 03

    إصدارات أسبوعية

    كل أسبوع تثبّت النسخة الجديدة على هاتفك وتجربها، وتحدد ملاحظاتك أولويات الأسبوع التالي.

  4. 04

    الاختبار والنشر في المتاجر

    يختبر مهندس ضمان جودة أول النسخة قبل الإطلاق. ونمر بمراجعة App Store وGoogle Play والتحديثات في تطبيقاتنا أيضاً.

  5. 05

    الثلاثون يوماً بعد الإطلاق

    30 يوماً

    نصلح مجاناً الأخطاء التي تظهر في هذه الفترة، وبعدها يمكنك المتابعة بصيانة شهرية.

ننشر المدد ونطاقات الميزانية في صفحتي تطوير تطبيقات الجوال والأسعار، وكل ما في هذه الصفحة يتبع الأرقام نفسها.

أسئلة شائعة عن React Native

هل تطبيق React Native بسرعة التطبيق الأصلي؟

تُرسم الشاشات بمكونات الهاتف الأصلية، لذلك لا يلاحظ المستخدم فرقاً في معظم تطبيقات الأعمال. كما سرّعت البنية الجديدة في React Native الاتصال بين JavaScript والكود الأصلي. في الحالات القصوى مثل الرسوميات ثلاثية الأبعاد الكثيفة أو الألعاب نوصي بالتطوير الأصلي.

هل يبني الفريق نفسه لوحة الويب؟

نعم. يتشارك React Native وReact اللغة وطريقة التفكير. في Hippotenus مثلاً يبني الفريق نفسه لوحة الويب باستخدام React وتطبيق الجوال باستخدام Expo.

هل يمكنكم إضافة الاشتراكات والمشتريات داخل التطبيق؟

نعم. في Rigel وLydiaVault ندير الاشتراكات باستخدام RevenueCat عبر أنظمة الدفع الخاصة بـ App Store وGoogle Play.

ماذا يبقى لديّ في نهاية المشروع؟

ترخيص استخدام دائم للبرنامج ووثائق الاستخدام. وإذا أردت نقل الكود المصدري إليك فذلك ممكن مقابل رسوم إضافية تُذكر بشكل منفصل في العرض.

خدمات ذات صلة

تطوير تطبيقات الجوالتطوير MVPتصميم المنتجات وUI/UX
تواصل معنا

لنتحدث عن تطبيقك بـ React Native

في مكالمة تعريفية مجانية مدتها 30 دقيقة نحدد معاً نطاق التطبيق والاختيار بين Expo وReact Native بدون Expo.