App de beber água #11 - Como trocar o react-navigation para o novo expo-router da versão 49

No 11º episódio da nossa série sobre o App de Beber Água, vamos realizar uma transformação importante: migrar a navegação do app do react-navigation para o novíssimo expo-router do Expo SDK 49. Acompanhe cada passo dessa transição, desde instalar as novas dependências até personalizar a navegação por abas com uma abordagem prática e direta.

🛠️ Hoje, vamos cobrir:
* Refatoração da navegação com expo-router.
* Implementação de navegação por arquivos, facilitando a manutenção do código.
* Criação e personalização de navegação por abas para uma UX melhorada.

🔗 Links Úteis:

⏱️ Momentos-chave do vídeo:
00:00 Introdução
00:40 Briefing do Expo Router e navegação por arquivo
01:30 Instalação das dependências do projeto
05:30 Verificação da instalação
06:00 Tutorial sobre navegação por arquivo
06:30 Solucionando o erro 'cannot find native module'
07:30 Erro resolvido e início do expo-router no emulador
07:45 Criação da primeira página utilizando navegação por arquivo
10:32 Discussão sobre desenvolvimento nativo versus web
11:15 Implementação de parâmetros em rotas dinâmicas
11:45 Identificação das telas para refatoração
12:15 Implementação do expo-router com navegação por abas
14:45 Montagem das abas adicionais
16:00 Personalização das abas
18:15 Adição de imports dos providers no expo-router
19:35 Configurações da aba principal
22:18 Inserção das páginas nas abas
24:09 Ajuste dos ícones nas abas
26:28 Encerramento e observações finais

Este vídeo é perfeito para desenvolvedores que desejam se atualizar com as mais recentes práticas de navegação no Expo. Se você quer garantir que seu app esteja na vanguarda da tecnologia Expo, não perca este tutorial detalhado!

Lembre-se de deixar seu like, se inscrever no canal e ativar o sininho para mais atualizações!

🎶 Music credits
- Kudo - Their Chair
- Provided by Lofi Girl

#react #react-native #expo-router #react-navigation #expo-49 #expo