Обновление React Native 0.61 содержит новую важную функцию, которая улучшает процесс разработки.
Особенности React Native 0.61
В React Native 0.61 мы объединяем текущие функции «живой перезагрузки» (перезагрузка при сохранении) и «горячей перезагрузки» в одну новую функцию под названием «Быстрое обновление». Fast Refresh состоит из следующих принципов:
- Быстрое обновление полностью поддерживает текущий React, включая функциональные компоненты и хуки.
- Функция быстрого обновления восстанавливается после опечаток и различных ошибок и при необходимости возвращается к полной перезагрузке.
- Функция быстрого обновления не выполняет инвазивных изменений кода, поэтому она достаточно надежна, чтобы быть включенной по умолчанию.
Быстрое обновление
Реагировать на родной уже давно есть живая перезагрузка и горячая перезагрузка. Оперативная перезагрузка перезагружает все приложение при обнаружении изменения кода. Это приведет к потере вашей нынешней позиции внутри приложения, однако будет гарантировать, что код не находится в поврежденном состоянии. Горячая перезагрузка попытается просто «исправить» достигнутый вами прогресс. Это можно сделать без перезагрузки всего приложения, что позволит вам гораздо быстрее увидеть свой прогресс.
Горячая перезагрузка звучала великолепно, однако она была довольно глючной и не работала с текущими функциями React, такими как функциональные компоненты с хуками.
Группа React Native переработала обе эти функции и объединила их в новую функцию быстрой перезагрузки. Он включен по умолчанию и будет делать то, что можно сравнить с горячей перезагрузкой, где это возможно, возвращаясь к полной перезагрузке, если это определенно не так.
Обновление до 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.