يتيح React Native وFlutter لفريق واحد بناء تطبيق لآيفون وأندرويد من قاعدة كود واحدة، مما يخفض التكلفة غالبًا ويسرّع الإطلاق. كلاهما ناضج وقادر على إنتاج تطبيقات ممتازة، والاختيار الأفضل يعتمد على منتجك وفريقك وخططك للويب. إليك طريقتنا في التفكير لعملائنا في السعودية.
الإجابة المختصرة
- اختر React Native إذا كان لديك أو تخطط لموقع أو لوحة تحكم بـ React أو Next.js، وتريد مشاركة المنطق والمطورين بين الويب والجوال، أو تحتاج الربط مع عدد كبير من حزم SDK الأصلية.
- اختر Flutter إذا كان التطبيق مخصصًا بدرجة كبيرة وغنيًا بالحركات، وتريد واجهة متطابقة تمامًا على كل الأجهزة، ولديك أو يمكنك توظيف مطوري Dart.
- اختر Swift وKotlin الأصلية إذا اعتمد التطبيق على ميزات عميقة في الجهاز أو معالجة كثيفة في الخلفية أو أعلى أداء ممكن، ويمكنك تمويل قاعدتي كود.
مقارنة جنبًا إلى جنب
| React Native | Flutter | |
|---|---|---|
| اللغة | JavaScript / TypeScript | Dart |
| طريقة رسم الواجهة | يستخدم مكونات الواجهة الأصلية للنظام | يرسم واجهته بمحرك العرض الخاص به |
| المشاركة مع تطبيق ويب | قوية: نفس اللغة والمكتبات وغالبًا المنطق مع React وNext.js | ممكنة عبر Flutter للويب، لكنها أقل شيوعًا لمواقع المحتوى |
| العربية واتجاه اليمين إلى اليسار | مدعوم، وتغيير اتجاه الواجهة أثناء التشغيل يتطلب عادة إعادة تحميل التطبيق | مدعوم عبر إعدادات اللغة واتجاه النص المدمجة في الإطار |
| الإحساس بالواجهة | أصلي افتراضيًا لأنه يستخدم المكونات الأصلية | متناسق عبر الأجهزة، والإحساس الأصلي يعتمد على العناصر المختارة |
| الميزات الأصلية | منظومة كبيرة من الوحدات الأصلية ووحدات مخصصة عند الحاجة | إضافات للميزات الشائعة وقنوات المنصة للكود الأصلي المخصص |
ما الأهم لتطبيقات السعودية؟
1. العربية أولًا لا لاحقًا
تحتاج معظم التطبيقات السعودية إلى العربية والإنجليزية بتصميم صحيح من اليمين إلى اليسار. ويتعامل الإطاران مع ذلك جيدًا إذا صمم الفريق له من البداية: مسافات منطقية للبداية والنهاية، وتنقل معكوس، وخطوط تعرض العربية بوضوح. تغطي قائمة تحقق تصميم التطبيقات العربية التفاصيل.
2. المدفوعات والخدمات المحلية
تحقق مبكرًا من أن بوابة الدفع والخرائط والرسائل وخدمات الهوية التي تنوي استخدامها توفر حزم SDK أو واجهات برمجية للإطار الذي تختاره، فهذا يؤثر في الخيارين.
3. خططك للويب
إذا كانت بوابة ويب للعملاء أو لوحة تحكم جزءًا من الخطة، فيمكن لتطبيق React Native وتطبيق ويب مبني على React مشاركة المطورين والكود، مما يخفض التكلفة الإجمالية غالبًا.
ما الذي نستخدمه؟
نعمل بـ React Native وFlutter وSwift وKotlin (راجع التقنيات التي نستخدمها). عدد من تطبيقات عملائنا، منها سكوفيا وإبلال وأناقة وأوفر، مبني بـ React Native، بينما تستخدم تطبيقات مثل إيزي بك وجيتور لغتي Swift وKotlin الأصليتين. نوصي بما يناسب تطبيقك لا بخيار افتراضي.
تخطط لتطبيق؟ راجع تطوير تطبيقات الجوال والتطوير عبر الأنظمة ودليل تكلفة تطوير التطبيقات.
