DEV Community: Paulo Roberto

Atualizando seu app React Native 👨🏾‍💻

Paulo Roberto — Tue, 15 Nov 2022 14:28:13 +0000

Atualizar um projeto feito em React Native nunca é uma tarefa fácil, principalmente se você já não atualiza seu app a alguns anos, questões como mudanças na arquitetura e no core do RN podem tornar a sua vida bem dificil.

Porém existem ferramentas essenciais que podem facilitar muito a sua vida na hora do update, nesse artigo vamos falar um pouco sobre elas. Bora?

Decidindo a nova versão:

Primeiramente analise a sua versão atual, se o seu projeto está na versão 0.60 por exemplo, precisamos fazer um questionamento, vale a pena ir direto para a 0.70 que conta diversas mudanças na arquitetura do core do React Native?

Nessas horas vale seguir o exemplo do Jason e ir por partes 🔪, o seguinte link: https://reactnative.dev/versions é uma lista com a documentação e o changelog de todas as atualizações do React Native versão a versão, da 0.60 até a 0.69.

Então recomendo que você leia o que mudou, o que você vai precisar alterar para que o seu app continue funcionando normalmente, e assim, evite dores de cabeça atualizando para uma versão com break changes grandes demais.

Requerimentos e Políticas das Lojas:

Outra questão importante são os requerimentos das lojas, por exemplo, esse ano a Play Store emitiu um comunicado aonde os apps deveriam ter um nivel de api 31 como requerimento minimo para fazer upload de apps na loja.

Isso acontece todo ano, mudanças nesses requerimentos e políticas, então o ideal é estar sempre atualizando o seu aplicativo para versões mais recentes e estáveis.

Link do comunicado da Play Store: https://developer.android.com/google/play/requirements/target-sdk

Meus 10 centavos:

Não deixe o seu projeto ficar defasado em relação aos requerimentos das lojas, o pior cenário possível de um update é você ter que fazer as pressas porque senão você ou a sua empresa não consegue lançar novas versões nas lojas.

É seu dever como desenvolvedor(a) mobile sempre acompanhar esses requerimentos, e antecipar updates para que o seu projeto fique sempre disponível de subir nas lojas.

Fica a dica 😉

Atualizando

Por fim, após seguir os tópicos anteriores e descobrir a versão mais correta e lógica para atualizar seu app, é hora de botar a mão na massa. Para isso existem algumas ferraementas que irão te auxiliar MUITO!

React Native Upgrader:

É uma ferramenta do próprio React Native que faz uma análise do seu projeto e atualiza a versão automaticamente. O comando é o seguinte e deve ser digitado no terminal do seu projeto:

npx react-native upgrade 0.61.0-rc.0

Embora pareça uma abordagem prática e rápida, isso raramente é o suficiente, projetos tendem a ser complexos com libs externas e internas, com várias dependências que por vezes ficam icompatíveis e que fazem com que essa abordagem automática nem sempre funcione.

Link para o site: https://reactnative.dev/docs/upgrading

React Native Upgrade Helper:

É uma ferramenta incrível criada pela comunidade que pega como input 2 versões do React Native, e lista cada mudança necessária para fazer o update de forma manual.

Recomendo que tire alguns minutos, leia as mudanças de uma versão para outra e então comece a editar o seu projeto.

O aprendizado sobre os arquivos nativos do React Native é gigante quando precisamos fazer tarefas desse tipo.

Dependency Management (rnx-kit):

Lembra que eu falei sobre várias dependências que com o tempo acabam ficando incompatíveis com a versão que você quer atualizar e que ao atualizar, irão gerar problemas no build do seu projeto?

Entonces, essa lib rnx-kit vai ajudar muito a identificar quais libs são essas e como atualizar elas para a versão compatível.

E vai por mim, fazer isso manualmente é algo bem massivo, envolve muita leitura de changelog e tentativa e erro para achar uma versão no meio do caminho que é compativel com o seu projeto. Tenho pesadelos com expo-unimodules até hoje 😭

Bom pessoal, nesse artigo eu trouxe algumas ferramentas e reflexões que foram necessárias para mim quando precisei fazer um update do meu projeto em React Native.

Eu espero que essas informações consigam alcançar alguem que estaja com a mesma missão em mãos e que precise de um norte.

No mais um abraço, até a próxima 👋

Publicação Gerenciada Manual nas lojas de aplicativos 🚀

Paulo Roberto — Sat, 29 Oct 2022 15:01:08 +0000

Olá, me chamo Paulo e atualmente trabalho como desenvolvedor mobile utilizando React Native, muito prazer 👋

Recentemente no trabalho surgiu uma demanda para subir para ambas as lojas de aplicativos, uma nova versão do aplicativo ao qual eu trabalho.

Porém um requisito para esse deploy era que após a revisão do aplicativo, o mesmo ficasse ali esperando até o momento do lançamento que seria feito de forma coordenada nas duas lojas no mesmo dia e horário.

Como não achei uma informação sobre o assunto em cursos, resolvi trazer este artigo com o propósito de compartilhar essa experiência que tive no dia a dia de trabalho.

Sobre o termo Deploy:

Entendemos Deploy como o código em produção ou o ato de enviar o mesmo para lá, mas também gosto dessa definição da mesma palavra (Cambridge):

To move soldiers or equipment to a place where they can be used when they are needed

Essa estratégia presente nas lojas serve justamente para isso, preparar o conjunto do deploy e deixar disponivel para subir em um momento mais estratégico.

Nesse artigo eu vou mostrar como fazer uma pulicação(deploy) gerenciada e manual na play console e na apple store connect, vamos lá? 😉

Google Play Console

Para realizar essa configuração no painel da google, primeiro precisamos acessar "Visão geral da publicação" no menu lateral esquerdo

Dentro da tela vai existir uma sessão bem no inicio que diz: Status da publicação gerenciada.

Essa sessão indica o status atual da sua publicação gerenciada, podendo alternar entre ativada e desativada, na mesma sessão clique no botão "Ativar sessão gerenciada" e pronto.

Lembra do nosso conceito de deploy citado acima? Então, quando a sua versão for aprovada no review, a atualização irá ficar aguardando o lançamento e as mudanças não serão publicadas até que sejam revisadas, aprovadas e publicadas por meio da página "Publicação gerenciada".

ℹ️ Vale mencionar também que a forma de gerenciamento pode ser alternada a qualquer momento, inclusive durante a revisão, aonde forma aplicada será aquela ativa no momento da aprovação do artefato, caso desativada o console irá automativamente enviar a nova versão para os usuários.

Apple Store Connect

Na Apple Store o processo é igualmente simples, após criar a sua nova versão no painel

Você conseguirá visualizar as opções referentes a sua nova versão criada, descendo até o final da listagem de opções, encontraremos a sessão Liberação da versão

Aqui teremos 3 opções, Liberar manualmente, Automaticamente ou Liberar automativamente não antes dê, aonde:

Liberar manualmente esta versão: é o gerenciamento que estamos buscando, após a revisão a versão ficara posicionada ali e esperando o momento do deloy que será feita manualmente apertando o botão.
Liberar automativamente esta versão: Essa opção de gerenciamento envia a versão para os usuários assim que aprovada nos testes.
Liberar automativamente não antes dê: Essa opção de gerenciamento envia a versão para os usuários assim que aprovada nos testes e que a data seja maior que a programada no painel.

Iremos seguir com a opção: Liberar manualmente, e enviaremos a versão para revisão, assim que aprovada o botão de Lançamento irá aparecer no topo a direita de App para iOS X.X.X

ℹ️ Vale lembrar que na apple store, também é permitido editar as configurações da versão até que a .ipa seja aprovada pela equipe de reviwers, caso necessite mudar a estratégia, a loja irá liberar a versão selecionada nas configurações no momento da aprovação, assim como na Google Play Console.

Conclusão

Bom galera, espero ter ajudado pessoas com o mesmo desafio ao apresentar uma ferramenta disponivel no painel de gerenciamento das lojas de aplicativos.

Esse estilo de publicação pode ser muito util por sinal em casos especificos como esse aonde o lançamento tem data programada e que existe um ar de espectativa entre todos os stakeholders do projeto e que deve ser feito de forma coordenada na data e horário especificados.

Se você já costuma fazer esse tipo de deploy em loja me conta um pouco aqui como vem sendo a sua experiência, se não, me diga se está planejando algo do tipo no seu proximo deploy. 🚀

Um abraço! 😁

Referências:

Suporte Google: Clique aqui (Link)
Suporte Apple: Clique aqui (Link)