React Native 0.61 Update یک ویژگی جدید و مهم را به ارمغان می آورد که تجربه توسعه را بهبود می بخشد.
ویژگی های React Native 0.61
در React Native 0.61، ما نکات برجسته «بارگذاری مجدد زنده» (بارگذاری مجدد در ذخیره) و «بارگذاری مجدد داغ» را در یک ویژگی جدید به نام «بازسازی سریع» با هم پیوند می دهیم. Fast Refresh شامل اصول زیر است:
- بازخوانی سریع به طور کامل از React فعلی، از جمله اجزای تابع و Hooks پشتیبانی می کند.
- Fast Refresh پس از اشتباهات تایپی و اشتباهات مختلف بازیابی می شود و در صورت لزوم به بارگذاری مجدد کامل بازمی گردد.
- Fast Refresh تغییرات کد تهاجمی را انجام نمی دهد، بنابراین به اندازه کافی قابل اعتماد است که به طور پیش فرض روشن باشد.
بازخوانی سریع
واکنش بومی مدت زیادی است که بارگذاری مجدد زنده و بارگذاری مجدد داغ داشته است. هنگامی که برنامه تغییر کد را تشخیص داد، بارگیری مجدد زنده کل برنامه را بارگیری مجدد می کند. این امر موقعیت فعلی شما را در داخل برنامه از دست می دهد، با این حال، تضمین می کند که کد در حالت شکسته نیست. بارگذاری مجدد داغ تلاش می‌کند تا پیشرفت‌هایی را که انجام داده‌اید به سادگی «رفع» کند. این را می توان بدون بارگیری مجدد کل برنامه انجام داد و به شما امکان می دهد پیشرفت های خود را بسیار سریعتر مشاهده کنید.
بارگذاری مجدد داغ عالی به نظر می رسید، با این حال، کاملاً باگ بود و با ویژگی های فعلی React مانند اجزای کاربردی با قلاب کار نمی کرد.
گروه React Native هر دوی این ویژگی ها را بازسازی کرده و آنها را در ویژگی جدید Fast Reload ترکیب کرده است. به‌طور پیش‌فرض فعال است و کاری را انجام می‌دهد که در صورت امکان با بارگذاری مجدد داغ مقایسه می‌شود، اگر قطعاً اینطور نیست، به بارگذاری مجدد کامل بازمی‌گردد.
ارتقا به React Native 0.61
به همین ترتیب، با تمام ارتقاهای React Native، پیشنهاد می شود که به تفاوت پروژه های اخیراً ساخته شده نگاهی بیندازید و این تغییرات را در پروژه خود اعمال کنید.
نسخه های Dependency را به روز کنید
قدم اول این است که شرایط موجود در package.json خود را ارتقا دهید و آنها را معرفی کنید. به یاد داشته باشید که هر نسخه React Native به نسخه خاصی از React متصل است، بنابراین مطمئن شوید که آن را نیز به روز کنید. همچنین باید اطمینان حاصل کنید که react-test-renderer با نسخه React مطابقت دارد. اگر از آن استفاده می‌کنید، نسخه‌های metro-react-native-babel-preset و بابل را ارتقا دهید.
ارتقاء جریان
اولیه یک ساده. نسخه Flow که React Native از آن استفاده می کند در 0.61 به روز شده است. این بدان معناست که شما باید اطمینان حاصل کنید که وابستگی محفظه جریانی که دارید روی ^0.105.0 تنظیم شده است و ارزش مشابهی در [نسخه] فایل flowconfig. خود دارید.
اگر از Flow برای بررسی نوع در پروژه خود استفاده می کنید، ممکن است باعث اشتباهات اضافی در کد شما شود. بهترین پیشنهاد این است که تغییرات را برای نسخه های 0.98 و 0.105 بررسی کنید تا متوجه شوید که چه چیزی باعث ایجاد آنها می شود.
اگر از Typescript برای بررسی نوع کد خود استفاده می کنید، واقعاً می توانید فایل .flowconfig و وابستگی flow bin را حذف کنید و این بیت تفاوت را نادیده بگیرید.
اگر از نوع چک‌کننده استفاده نمی‌کنید، پیشنهاد می‌شود که بتوانید از آن استفاده کنید. هر کدام از این گزینه ها کار خواهد کرد، با این حال، توصیه می شود از Typescript استفاده کنید.