A atualização React Native 0.61 traz um novo recurso importante que melhora a experiência de desenvolvimento.
Recursos do React Native 0.61
No React Native 0.61, estamos unindo os destaques atuais de “recarregamento ao vivo” (recarregar ao salvar) e “recarregamento a quente” em um único novo recurso chamado “Atualização rápida”. A Atualização Rápida consiste nos seguintes princípios:
- Atualização rápida suporta completamente o React atual, incluindo componentes de função e Hooks.
- A Atualização Rápida se recupera após erros de digitação e erros diferentes e volta para uma recarga completa quando necessário.
- A Atualização Rápida não realiza alterações invasivas no código, por isso é confiável o suficiente para estar ativada por padrão.
Atualização rápida
Reagir Nativo já faz um bom tempo que tem recarga ao vivo e recarga a quente. O recarregamento ao vivo recarregaria todo o aplicativo quando detectasse uma alteração no código. Isso perderia sua posição atual dentro do aplicativo, porém garantiria que o código não estivesse quebrado. A recarga a quente tentaria “consertar” simplesmente as progressões que você fez. Isso pode ser feito sem recarregar todo o aplicativo, permitindo que você veja suas progressões com muito mais rapidez.
O recarregamento a quente parecia ótimo, no entanto, apresentava muitos bugs e não funcionava com os recursos atuais do React, como componentes funcionais com ganchos.
O grupo React Native refez esses dois recursos e os combinou no novo recurso Fast Reload. Ele está habilitado por padrão e fará o que pode ser comparado a uma recarga a quente sempre que possível, voltando para uma recarga completa se definitivamente não estiver.
Atualizando para React Native 0.61
Da mesma forma, com todas as atualizações do React Native, sugere-se que você dê uma olhada nas diferenças dos projetos feitos recentemente e aplique essas alterações ao seu próprio projeto.
Atualizar as versões de dependência
A etapa inicial é atualizar as condições em seu package.json e apresentá-las. Lembre-se de que cada versão do React Native está anexada a uma versão específica do React, portanto, certifique-se de atualizá-la também. Você também deve garantir que o renderizador react-test corresponda à versão React. Se você usá-lo e atualizar as versões metro-react-native-babel-preset e Babel.
Atualização de fluxo
Inicialize um simples. A versão do Flow que o React Native usa foi atualizada em 0.61. Isso implica que você precisa garantir que a dependência do contêiner de fluxo que você possui esteja definida como ^0.105.0 e que você tenha um valor semelhante na [versão] do seu arquivo .flowconfig.
Se você estiver usando o Flow para verificação de tipo em seu projeto, isso poderá gerar erros extras em seu próprio código. A melhor sugestão é que você investigue o changelog das versões na faixa de 0.98 e 0.105 para perceber o que pode estar causando isso.
Se você estiver usando o Typescript para verificar o tipo de seu código, poderá realmente eliminar o arquivo .flowconfig e a dependência do bin de fluxo e ignorar essa parte da diferença.
Se você não estiver usando um verificador de tipo, sugere-se que você possa usar um. Qualquer uma das opções funcionará, no entanto, é recomendado usar Typescript.