React Native أم Flutter أم تطبيق ويب تقدّمي PWA: ماذا تبني لشركتك في 2026؟
Marwan Ayman
مطوّر فل-ستاك ومهندس أتمتة
الإجابة المختصرة: ابنِ تطبيق ويب تقدّميًا (PWA) أولًا إن كنت ما زلت تختبر الفكرة وسيجدك المستخدمون عبر موقع؛ وابنِ بـReact Native وExpo إن احتجت الظهور في App Store أو خصائص الجهاز المتقدمة أو إشعارات موثوقة وكان لديك موقع React أو Next.js؛ واختر Flutter إن كان التطبيق مستقلًا وواجهته مخصصة وكثيرة الحركة. النسخة الأولى متعددة المنصات تكلّف من 1500 إلى 7000 دولار وتستغرق من ثلاثة إلى ستة أسابيع، وتطبيق الويب التقدمي لنفس سير العمل أرخص عادة بـ 30 إلى 50%.
أبني تطبيقات الجوال بـ React Native وExpo على نفس خادم Node.js أو Next.js الخاص بتطبيق الويب لدى العميل، وأنصح بتطبيق الويب التقدمي كلما كان كافيًا. هذا الدليل هو الحديث الذي يدور في كل مكالمة تحديد نطاق لتطبيق جوال.
ما الفرق الحقيقي بين الثلاثة؟
| React Native مع Expo | Flutter | تطبيق ويب تقدمي | |
|---|---|---|---|
| اللغة | TypeScript / JavaScript | Dart | TypeScript / JavaScript |
| المنصات من كود واحد | iOS وAndroid (والويب بحدود) | iOS وAndroid والويب وسطح المكتب | أي جهاز بمتصفح حديث |
| الواجهة | مكوّنات النظام الأصلية | محرك رسم خاص، شكل متطابق على كل جهاز | HTML وCSS |
| App Store وGoogle Play | نعم | نعم | لا (يُثبّت من المتصفح) |
| الإشعارات | كاملة | كاملة | نعم، وعلى الآيفون منذ iOS 16.4 بعد إضافته للشاشة الرئيسية |
| الكاميرا والبلوتوث والمهام في الخلفية | وصول كامل | وصول كامل | جزئي، والعمل في الخلفية محدود |
| مشاركة الكود مع موقع React / Next.js | الأنواع والتحقق وعميل API والمنطق | الخادم فقط | قد يكون هو الموقع نفسه |
| تحديث دون مراجعة المتجر | نعم، تحديثات عبر الهواء لتغييرات JavaScript | إصدار جديد في المتجر لأغلب التغييرات | فوري، إنه موقع |
| التكلفة النسبية لنفس سير العمل | الأساس | مشابهة | أقل عادة بـ 30 – 50% |
ما السؤال الذي يحسم القرار؟
الإجابة المختصرة: "أين سيقابل المستخدم المنتج لأول مرة؟" إن كان عبر بحث Google أو إعلان أو رابط يشاركه أحد، فهو يقابله في المتصفح، وتطبيق الويب التقدمي يزيل خطوة الذهاب إلى المتجر والتثبيت. وإن كان "يستخدموننا كل أسبوع أصلًا" أو "عملاؤنا يبحثون في App Store"، فالتطبيق الأصلي يستحق تكلفته الإضافية.
- هل تحتاج خصائص جهاز تتجاوز المتصفح؟ الموقع في الخلفية أو أجهزة بلوتوث أو استخدام كثيف دون اتصال أو تحكم دقيق في الكاميرا تعني تطبيقًا أصليًا.
- هل لديك أو ستبني تطبيق ويب أيضًا؟ إن كان نعم، فـ React Native يسمح لفريق TypeScript واحد بمشاركة الأنواع والتحقق وعميل API بين الاثنين.
- هل الواجهة هي المنتج؟ للتفاعلات الشبيهة بالألعاب أو الحركات المخصصة أو علامة يجب أن تبدو متطابقة على كل جهاز، محرك Flutter ميزة حقيقية.
كم تكلفة ومدة كل منها؟
| النطاق (النسخة الأولى) | تطبيق ويب تقدمي | React Native أو Flutter | المدة (أصلي) |
|---|---|---|---|
| تطبيق محتوى وحجز: تسجيل، 5 – 8 شاشات، إشعارات، إدارة | 1000 – 2500 دولار | 1500 – 3500 دولار | 3 – 4 أسابيع |
| تطبيق سوق أو خدمة: نوعان من المستخدمين، مدفوعات، دردشة أو تتبع | 2000 – 4000 دولار | 3500 – 7000 دولار | 4 – 6 أسابيع |
| تطبيق مرافق لنظام ويب قائم (نفس الخادم) | غالبًا غير ضروري | 1500 – 3500 دولار | 2 – 4 أسابيع |
أكبر توفير هو خادم موجود أصلًا: تطبيق جوال يتصل بواجهة API القائمة هو واجهة جديدة لا منتج جديد. قدّر مشروعك بـحاسبة التكلفة.
كم تكلّف المتاجر وماذا تأخذ؟
- برنامج مطوري Apple: 99 دولارًا سنويًا، مطلوب للنشر على App Store.
- حساب مطوّر Google Play: تسجيل بـ 25 دولارًا مرة واحدة.
- العمولة على السلع الرقمية: الاشتراكات والمشتريات الرقمية داخل التطبيق تدفع عمولة لـ Apple وGoogle، 15% لصغار المطورين ضمن برامجهم و30% غير ذلك. السلع المادية والخدمات الواقعية (الطعام والتوصيل والحجوزات) تُدفع عبر بوابتك دون هذه العمولة.
- وقت المراجعة: خطط لبضعة أيام في أول رفع ولرفض أحيانًا بسبب نقص تفاصيل الخصوصية أو خيار حذف الحساب.
- الحسابات باسمك: حسابات المطوّر يجب أن تكون باسم شركتك لا باسم المطوّر، وإلا فلن تملك صفحة تطبيقك.
كيف يُبنى تطبيق React Native حتى لا يصبح منتجين؟
- واجهة API واحدة موثّقة يقرأ منها التطبيق والموقع بمصادقة tokens، والقواعد على الخادم لا في أي من الواجهتين.
- حزم TypeScript مشتركة للأنواع وقواعد التحقق وعميل API، فيظهر الحقل الجديد في كل مكان.
- Expo للأدوات: بناء في السحابة، وإشعارات، وتحديثات عبر الهواء، ورفع للمتاجر من سطر الأوامر.
- حالات عدم الاتصال والأخطاء من البداية، فشبكات الجوال تنقطع.
- انضباط الإصدار: مسارات اختبار داخلية (TestFlight واختبار Play الداخلي) قبل كل إصدار عام.
أخطاء تضاعف التكلفة
- بناء تطبيقين منفصلين لـ iOS وAndroid في النسخة الأولى
- بناء خادم ثانٍ للتطبيق بدل توسيع خادم الموقع
- وضع قواعد العمل داخل التطبيق فيحتاج كل تغيير إصدارًا جديدًا
- اختيار تطبيق أصلي لأن "التطبيقات تبدو أكثر جدية" بينما المستخدمون يأتون من Google
- حسابات المطوّر باسم المستقل لا الشركة
- غياب التحليلات، فلا أحد يعرف أي الشاشات تُستخدم قبل التخطيط للنسخة الثانية
أسئلة شائعة
كم تكلفة تطبيق الجوال في 2026؟
نسخة أولى متعددة المنصات فيها تسجيل دخول وعدد من الشاشات وخادم وإشعارات تكلّف عادة من 1500 إلى 7000 دولار من مطوّر مستقل وتستغرق من ثلاثة إلى ستة أسابيع. تطبيق الويب التقدمي لنفس سير العمل أرخص عادة بـ 30 إلى 50% لأنه كود واحد بلا رفع على المتاجر.
React Native أم Flutter لشركة ناشئة؟
React Native إن كان لديك أو سيكون لديك موقع React أو Next.js، لأن المنطق والأنواع والتحقق والمطوّرين مشتركون. Flutter إن كان التطبيق مستقلًا ويحتاج واجهات مخصصة كثيرة الحركة. الاثنان ينتجان تطبيقات iOS وAndroid من كود واحد.
هل يرسل تطبيق الويب التقدمي إشعارات على الآيفون؟
نعم، منذ iOS 16.4 يستقبل تطبيق الويب الذي أضافه المستخدم إلى الشاشة الرئيسية إشعارات الويب. العيب هو الاكتشاف: يجب أن يثبّته المستخدم من المتصفح، ولا يظهر في بحث App Store.
ما التكاليف المستمرة لنشر تطبيق؟
برنامج مطوري Apple بـ 99 دولارًا سنويًا، وحساب مطوّر Google Play برسوم 25 دولارًا مرة واحدة. إن بعت سلعًا رقمية أو اشتراكات داخل التطبيق تأخذ Apple وGoogle عمولة (15% لصغار المطورين ضمن برامجهم و30% غير ذلك). السلع المادية والخدمات الواقعية مثل التوصيل والحجوزات تُدفع عبر بوابتك دون هذه العمولة.
هل أبدأ بتطبيق ويب تقدمي ثم أنتقل لتطبيق أصلي؟
نعم، وغالبًا هذا أرخص طريق. إن بُني تطبيق الويب على واجهة API وقاعدة بيانات صحيحة، فتطبيق React Native لاحقًا يعيد استخدام نفس الخادم وغالبًا نفس منطق التحقق، فتكون الخطوة الثانية واجهة جديدة لا منتجًا جديدًا.
راجع خدمة تطوير تطبيقات الجوال وكيف تحوّل فكرة التطبيق إلى نسخة أولى.
