آخر التحديثات على React Native للويب و Windows و macOS!

تطوير التطبيقات هو نتيجة لظهور التقنيات التخريبية. يُنظر إليه الآن على أنه جانب تسويقي أساسي لكل شركة منتج وخدمة. استهدف تطوير التطبيقات في البداية الأجهزة المحمولة. بمرور الوقت ، أدرك مقدمو الخدمة أنه يتعين عليهم الحصول على الويب ، بالإضافة إلى الهاتف المحمول ، للحصول على أعلى مستوى من الاختراق في التركيبة السكانية. الآن ، تحولت نقطة المناقشة من ، "هل يجب أن نمتلك تطبيقًا؟" إلى "ما الأنظمة الأساسية التي يجب أن نستهدفها بتطبيق ما؟"

وهنا يأتي أحد أصعب الأسئلة في تطوير التطبيقات. يحتاج مطورو التطبيقات إلى تغطية أنظمة التشغيل المختلفة. في الوقت نفسه ، لا يمكنهم تجاهل المدى البعيد لتطبيق الويب سريع الاستجابة. ستكون فكرة رائعة أن تكون قادرًا على متابعة كل جانب ، لكن هذا يؤدي إلى تكاليف تطوير وصيانة ضخمة. لذا فإن السؤال الصعب هنا هو ، "ما هو الحل الأفضل لتطوير تطبيق فعال من حيث التكلفة عبر الأنظمة الأساسية؟" يمكن أن يكون اختيار إطار عمل تطوير التطبيق الذي يدعم كل هذه الأهداف إجابة فعالة. إن تطوير React Native يكتسب أهمية على هذه الأسس.

ما هو React Native؟

React Native هو إطار عمل لتطوير التطبيقات يعتمد على JavaScript ويستخدم لتطوير تطبيقات الهاتف المحمول. بدأه Facebook كمشروع مفتوح المصدر في عام 2015. أجبرت مجموعة الميزات الغنية العديد من الشركات على الدخول في تطوير تطبيق React Native. استخدمت العديد من الشركات الرائدة ، بما في ذلك Facebook و Instagram ، React Native لتطوير التطبيقات.

تاريخ

استخدم Facebook سابقًا HTML5 لتطوير صفحة ويب للجوال لكل جهاز. كافح هذا الجهد من حيث واجهة المستخدم والأداء. لم يكن الحل قابلاً للتطبيق على المدى الطويل. في عام 2013 ، استخدم مطور Facebook ، Jordan Walke ، JavaScript لتطوير عناصر واجهة المستخدم. كان هذا المفهوم رائدًا. تم تنظيم Hackathon لإجراء اختبار إضافي لإمكانية تطوير تطبيق جوال باستخدام JavaScript. أدى هذا إلى ولادة React Native. في البداية ، تم إطلاقه لنظام iOS. تدريجيًا ، جلب Facebook دعم Android وأطلق أخيرًا إصدار iOS في عام 2015. ظهر React Native كثاني أكبر مشروع على GitHub بعد ثلاث سنوات فقط من إطلاقه.

لماذا تحظى لعبة React Native بشعبية كبيرة؟

أحد الأسباب الرئيسية للشهرة الهائلة لـ React Native هو استخدامه لمكتبة JavaScript ، والتي كانت شائعة أيضًا عند إطلاق React Native. ثم اكتسب React Native شعبيةً بين المطورين تلقائيًا. السبب الثاني هو أن إطار عمل React Native قد جلب العديد من الميزات الرائعة لتطوير واجهة المستخدم ، والتي يحبها مطورو الواجهة الأمامية. السبب الثالث يمكن أن يكون الإطار وخصائصه. يحتاج مطورو React Native إلى كتابة التعليمات البرمجية مرة واحدة فقط. يمكنهم استخدامه على كل من Android و iOS. وقد وفر هذا الكثير من الوقت والجهد للمطورين وكذلك المؤسسات.

يُعد React Native إطارًا رائعًا لتطوير التطبيقات عبر الأنظمة الأساسية يوفر:

• جمهور أوسع
• أداء متسق عبر منصات مختلفة
• تطوير أسرع
• فعالية التكلفة

هذه بعض الميزات التي تجعل تطبيقات React Native شائعة للغاية.

أين نقف؟

React Native مفتوح المصدر والإصدار مفتوح المصدر أيضًا للجميع للوصول إليه. يوجد قطار تحرير في مستودع إصدارات React Native في GitHub. تم إصدار React Native 0.70 في سبتمبر 2022 ، وهو أحدث إصدار. بدأ عام 2022 بإصدار React Native 0.67 ، والذي جاء مع العديد من التحسينات. ثم مع إصدار React Native 0.68 ، رأينا بعض التغييرات الرائدة بما في ذلك:

• تحديث React Native إلى Node 16 ، مما أجبر مطوري React على استخدام Node 14 والإصدارات الأعلى
• إضافة Android Gradle Plugin
• إزالة مورد احتياطي من iOS API المسمى RCTBundleURLProvider

تمت إضافة بنية جديدة مع نظام TurboModule و Fabric Renderer أيضًا. جاء React Native 0.69 مع العديد من التحسينات لدعم هذه البنية الجديدة. كان دعم حزمتي Hermes و React 18 الإضافتين الرئيسيتين لهذا الإصدار. كان هناك العديد من التغييرات الأخرى بما في ذلك دعم c ++ 17 وإضافة خيار hotkeysEnabled.

في الإصدار 0.70 الأخير ، كان التركيز على Hermes الذي أضاف الكثير من القيمة إلى React Native. تم تطويره للاستفادة من الأجهزة ذات الموارد المحدودة. يمكن لمحرك Hermes تجميع شفرة مصدر JavaScript إلى رمز ثانوي مسبقًا ، على عكس المحركات الأخرى. تم إطلاق Hermes كمحرك افتراضي في الإصدار 0.70. في ديسمبر 2022 ، تم تقديم واجهة برمجة تطبيقات تجريبية متعددة المنصات. للمضي قدمًا ، سينصب التركيز على تحسين أداء إطار العمل لسطح المكتب والواقع الافتراضي والويب.

React Native للويب

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

يمكن للمطورين العثور على جميع مكونات React Native الأساسية لتطوير الويب. تأتي مكونات الويب مع تطبيقات متوافقة مع المستعرض. على سبيل المثال ، سيحصل المطورون على الإصدار القائم على DOM من مكون <view> الخاص بـ React Native والذي يمكن استخدامه لتقديمه إلى <div>. لقد ظهر إطار عمل تطوير ReactJS كحل واحد لكل نوع من أنواع تطوير التطبيقات. يمكن للمطورين استخدام علامات HTML لترجمة العناصر الأولية المطلوبة في React Native إلى لغة DOM ، مما يعزز اعتماد React Native لتطوير تطبيقات الويب.

فوائد استخدام React Native للويب

يمكننا المراهنة على سببين رئيسيين وراء الشعبية المتزايدة لـ React Native for the Web.

• عند إنشاء تطبيق ويب باستخدام React Native ، يمكنك الوصول إلى واجهات ويب عالية الجودة تساعدك على تطوير واجهة مستخدم ويب قابلة للتكيف باستخدام JavaScript. يؤدي الدعم الأصلي ، وأنماط الإدخال المتعددة ، ودعم تخطيط RTL ، والتكامل مع React Dev إلى تطوير سلس لواجهة المستخدم.
• يحتاج مطورو React إلى الكتابة مرة واحدة وتقديمها في أي مكان يريدون السماح لهم بكتابة مكونات جديدة للتطبيقات الأصلية وتطبيقات الويب دون إعادة الكتابة.

إصلاحات الشوائب الرئيسية والتغييرات المخطط لها

مع الإصدار 0.18 من React Native للويب ، تم إجراء العديد من إصلاحات الأخطاء. تم إجراء إصلاحات لما يلي:

• الازدواجية القصيرة والطويلة
• عرض حلقة التركيز لعناصر مختلفة بما في ذلك Switch و CheckBox
• Href navigation للأدوات المساعدة والضغط
• Linking.OpenURL يدعم القيمة المستهدفة

تم إضافة العديد من الميزات الجديدة

• تداخل تخطيطات LTR / RTL المترجمة عن طريق تعيين land أو dir لمكون
• التبديل الديناميكي لتخطيطات LTR / RTL المترجمة في وقت التشغيل
• إضافة useLocaleContext باعتباره واجهة برمجة تطبيقات التصدير الجديدة
• دعم لتقديم أحذية الظل والنوافذ المتعددة
• استخراج CSS ثابت

React Native لنظام التشغيل Windows + macOS

قبل التوجه إلى أبعد من ذلك ، دعونا نلقي نظرة على تاريخ React Native لنظامي التشغيل Windows و iOS. تم تطوير React Native windows + macOS في عام 2015. ومنذ ذلك الحين ، كانت هناك إصدارات مستمرة مع إصلاحات للأخطاء وتحسينات. يمكن لمطوري React الآن استخدام React Native لتطوير تطبيقات سطح مكتب Windows. تتمثل الفكرة وراء React Native windows في استخدام الأدوات والبنية واللغات وكل مكون آخر من React Native لتطوير تطبيقات Windows.

يشبه إلى حد بعيد نظام التشغيل Windows ، يبدأ React Native لنظام التشغيل macOS بالتطوير في مشروع React Native الفعلي مع وضع بيئة سطح المكتب لنظام التشغيل mac في الاعتبار. يتيح إطار React Native لنظام التشغيل windows + macOS للمطورين إنشاء تطبيقات عبر الأنظمة الأساسية. نجحت العديد من التطبيقات مثل Xbox و MS Office في استخدام React Native لنظامي التشغيل Windows و macOS لتطوير التطبيقات. يحصل MacOS لنظام iOS أيضًا على دعم قوي مع كل إصدار جديد.

فوائد استخدام React Native لنظام التشغيل Windows + macOS

هناك العديد من الفوائد لاستخدام React Native لتطبيقات الأجهزة المحمولة وتطوير تطبيقات سطح مكتب Windows.

• يمكن لمطوري React استخدام وحدات أصلية لاستدعاء عناصر تحكم ومكونات React Native القياسية. يمكن للمطورين استخدام ميزات مثل "إعادة التحميل المباشر" لاختبار تطبيقاتهم تمامًا كما يفعلون في تطبيقات الويب.
• يمكن استخدام قاعدة بيانات واحدة للتشغيل على نظامي التشغيل macOS و Windows. حتى مع وجود مشروعين أصليين من React لتطوير تطبيقين مختلفين ، فإن مكونات واجهة المستخدم المشتركة موجودة في الطبقة العليا. هذا يقلل بشكل كبير من وقت التطوير والصيانة لكلا التطبيقين.
• لا يمكن تجاهل مجتمع المطورين الكبير للدعم. تقدم مجتمعات React و React Native دعمًا مستمرًا لتطوير React Native Windows و macOS.

إصلاحات الأخطاء والميزات المخطط لها

الإصدار 0.70 يدور حول الميزات الجديدة. هناك عدد غير قليل من الإصلاحات:

• هي عبارة عن حل للمحفز
• تفعيل تحويل React JSX الجديد
• تمكين إزالة المتفاعلات

إلى جانب التغييرات ، تمت ترقية العديد من التبعيات. النقاط الرئيسية للإصدار هي:

• استخدام Hermes كمحرك افتراضي
• تكوين موحد جديد لـ Codegen
• الربط التلقائي لمكتبات العمارة الجديدة في Android
• دعم CMake الكامل لتكوين android builds

استنتاج

يُعد React Native خيارًا رائعًا لتطوير تطبيقات الويب والجوّال عبر الأنظمة الأساسية لأنظمة أساسية مختلفة. يتيح React Native للمطورين مشاركة قاعدة التعليمات البرمجية ومنطق الأعمال على الويب والتطبيقات الأصلية ، مما يوفر تناسقًا مرئيًا رائعًا. تتيح خيارات التطوير مثل "التحديث السريع" للمطورين رؤية تغييراتهم في التطبيق على الفور. يؤدي هذا في النهاية إلى إنتاجية أعلى وتجربة مستخدم أفضل. React Native هي لغة تقدمية للغاية حيث تستمر الإصدارات الجديدة في الظهور بميزات جديدة وإصلاحات للأخطاء. فتحت قمة Contributor 2022 قنوات جديدة لتبادل المعرفة والتعاون لإحضار شيء جديد ومبتكر في React Native.

من المتوقع أن تكون التطورات القادمة على "رؤية العديد من المنصات" ، والتي تهدف إلى البناء خارج نطاق الهاتف المحمول. إن زيادة الاستثمارات في سطح المكتب والويب والواقع الافتراضي تضمن فقط الإصدارات الجديدة مع دعم أفضل للأنظمة الأساسية التي بها اختلافات في الأجهزة. بالنظر إلى الرسم البياني التصاعدي للتطورات ، يمكن للمرء أن يستنتج أن استخدام React Native لتطوير التطبيقات هو خيار جيد. كانت هناك العديد من التغييرات المثيرة في عام 2022 ، والإصدارات الجديدة في السنوات القادمة تستحق الانتظار.