يقدم تحديث React Native 0.61 ميزة جديدة رئيسية تعمل على تحسين تجربة التطوير.

 

ميزات React Native 0.61

في React Native 0.61، نقوم بربط ميزات "إعادة التحميل المباشر" الحالية (إعادة التحميل عند الحفظ) و"إعادة التحميل السريع" معًا في ميزة جديدة واحدة تسمى "التحديث السريع". يتكون التحديث السريع من المبادئ التالية:

 

1. تحديث سريع يدعم React الحالي بشكل كامل، بما في ذلك مكونات الوظيفة والخطافات.
2. يتعافى التحديث السريع بعد الأخطاء المطبعية والأخطاء المختلفة ويعود إلى إعادة التحميل الكاملة عند الحاجة.
3. لا يقوم Fast Refresh بإجراء تغييرات برمجية غزوية، لذا يمكن الاعتماد عليه بدرجة كافية ليتم تشغيله افتراضيًا.

 

تحديث سريع

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

بدت إعادة التحميل السريع رائعة، لكنها كانت مليئة بالأخطاء ولم تعمل مع ميزات React الحالية مثل المكونات الوظيفية ذات الخطافات.

قامت مجموعة React Native بإعادة تصميم هاتين الميزتين ودمجتهما في ميزة Fast Reload الجديدة. يتم تمكينه افتراضيًا وسيفعل ما يمكن مقارنته بإعادة التحميل السريع حيثما أمكن ذلك، ويعود إلى إعادة التحميل الكاملة إذا لم يكن كذلك بالتأكيد.

 

الترقية إلى React Native 0.61

وبالمثل، مع جميع ترقيات React Native، يُقترح إلقاء نظرة على الاختلافات في المشاريع التي تم إنشاؤها مؤخرًا وتطبيق هذه التغييرات على مشروعك الخاص.

 

تحديث إصدارات التبعية

الخطوة الأولى هي ترقية الشروط في ملف package.json الخاص بك وتقديمها. تذكر أن كل إصدار React Native مرتبط بإصدار معين من React، لذا تأكد من تحديثه أيضًا. يجب عليك أيضًا التأكد من أن عارض اختبار التفاعل يطابق إصدار React. إذا كنت تستخدمه وقمت بترقية إصدارات Metro-react-native-babel-preset وBabel.

 

ترقية التدفق

البداية واحدة بسيطة. تم تحديث إصدار Flow الذي يستخدمه React Native في الإصدار 0.61. هذا يعني أنك بحاجة إلى التأكد من تعيين تبعية حاوية التدفق لديك على ^0.105.0 وأن لديك قيمة مماثلة في [الإصدار] من ملف .flowconfig الخاص بك.

إذا كنت تستخدم Flow للتحقق من النوع في مشروعك، فقد يؤدي ذلك إلى حدوث أخطاء إضافية في التعليمات البرمجية الخاصة بك. أفضل اقتراح هو أن تقوم بالتحقيق في سجل التغييرات للإصدارات التي تتراوح بين 0.98 و0.105 لمعرفة سبب حدوثها.

إذا كنت تستخدم Typescript للتحقق من نوع التعليمات البرمجية الخاصة بك، فيمكنك حقًا حذف ملف .flowconfig وتبعية سلة التدفق وتجاهل هذا الجزء من الاختلاف.

إذا كنت لا تستخدم مدقق النوع، فمن المقترح أن تفكر في استخدام واحد. سيعمل أي من الخيارين، ومع ذلك، فمن المستحسن استخدام Typescript.