Оновлення React Native 0.61 містить велику нову функцію, яка покращує досвід розробки.
Особливості React Native 0.61
У React Native 0.61 ми об’єднуємо поточне «живе перезавантаження» (перезавантаження під час збереження) і «гаряче перезавантаження» в одну нову функцію під назвою «Швидке оновлення». Швидке оновлення складається з таких принципів:
- Швидке оновлення повністю підтримує поточний React, включаючи функціональні компоненти та хуки.
- Швидке оновлення відновлює помилки друку та різні помилки, а за потреби повертається до повного перезавантаження.
- Швидке оновлення не виконує інвазивних змін коду, тому воно досить надійне, щоб його було ввімкнено за замовчуванням.
Швидке оновлення
React Native вже давно має живе перезавантаження та гаряче перезавантаження. Живе перезавантаження перезавантажує всю програму, коли виявляє зміну коду. Це призведе до втрати вашої поточної позиції всередині програми, однак гарантує, що код не перебуває у зламаному стані. Гаряче перезавантаження намагатиметься просто «виправити» ваш прогрес. Це можна зробити без перезавантаження всієї програми, дозволяючи вам бачити ваш прогрес набагато швидше.
Гаряче перезавантаження звучало чудово, однак воно було досить глюковим і не працювало з поточними функціями React, такими як функціональні компоненти з хуками.
Група React Native переробила обидві ці функції та об’єднала їх у нову функцію Fast Reload. Він увімкнено за замовчуванням і виконуватиме те, що можна порівняти з гарячим перезавантаженням, де це можливо, повертаючись до повного перезавантаження, якщо це точно не так.
Оновлення до React Native 0.61
Так само, з усіма оновленнями React Native, пропонується переглянути різницю для нещодавно створених проектів і застосувати ці зміни до власного проекту.
Оновіть версії залежностей
Початковий крок — оновити умови у вашому package.json і представити їх. Пам’ятайте, що кожна версія React Native приєднана до певної версії React, тому переконайтеся, що ви також оновили її. Ви також повинні переконатися, що react-test-renderer відповідає версії React. Якщо ви використовуєте його, оновіть версії metro-react-native-babel-preset і Babel.
Оновлення потоку
Ініціал простий. Версію Flow, яку використовує React Native, було оновлено в 0.61. Це означає, що вам потрібно переконатися, що для вашої залежності контейнера потоку встановлено значення ^0.105.0 і ви маєте подібне значення у [версії] вашого файлу .flowconfig.
Якщо ви використовуєте Flow для перевірки типу у своєму проекті, це може викликати додаткові помилки у вашому власному коді. Найкраща пропозиція полягає в тому, щоб ви дослідили журнал змін для версій у діапазоні 0.98 і 0.105, щоб зрозуміти, що їх може спричиняти.
Якщо ви використовуєте Typescript для перевірки типу свого коду, ви можете справді усунути файл .flowconfig і залежність потоку bin і проігнорувати цю частину різниці.
Якщо ви не використовуєте засіб перевірки типів, пропонується скористатися ним. Будь-який вибір буде працювати, однак, рекомендується використовувати Typescript.