Summary
Keywords
Full Transcript
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Nessa aula do curso Base de React Native vamos dar um passo essencial para tornar o nosso app de Jogo da Forca mais funcional e realista: a configuração da navegação. Como o aplicativo vai ter várias telas, precisamos estruturar desde cedo a forma como vamos transitar entre elas. Por isso, você vai aprender a instalar e configurar o Expo Router, uma abordagem moderna que traz o conceito de navegação baseada em arquivos, deixando o projeto mais organizado e fácil de entender. Durante a aula, vamos passar juntos pelo processo completo de instalação, configuração e primeiros testes do Expo Router. Você vai ver na prática como ele funciona por baixo dos panos, já que é construído sobre o React Navigation, mas com uma forma diferente de organizar as rotas. Além disso, vamos entender a importância dos ajustes no package.json, no app.json e no babel.config.js, garantindo que tudo esteja pronto para a navegação funcionar sem erros. Essa configuração vai abrir caminho para construirmos as telas do nosso app de maneira muito mais rápida e estruturada. Você vai perceber que, além de simplificar o desenvolvimento, essa abordagem facilita o trabalho em equipe, já que a estrutura de pastas reflete diretamente as rotas do aplicativo. Ao final da aula, o seu projeto já estará com a navegação funcionando e pronto para receber novas telas e fluxos que vamos criar juntos nas próximas etapas. Se você quer ver seu app ganhar vida de verdade, essa aula é indispensável. Links mencionados no vídeo: 🗨️ Discord - https://discord.gg/ZC7JrPZn7P 🎬 CodarSe - https://codarse.com 🖥️ Protótipo no Figma: https://www.figma.com/community/file/1543675168225105299 📖 Repositório: https://github.com/lvsouza/youtube-react-native-forca-play/tree/63fc55295a6d97687e02d3fef3e65ab1f7a4988e 🎮 App na Google Play: https://play.google.com/store/apps/details?id=com.lvsouzadev.forcaplay Outros cursos no canal: 🎩 Figma para DEVs - https://youtu.be/4rSPV1NbM10 ☪️ Curso de estilização no React - https://youtu.be/oUbPkR799fc 💎 Curso base de React - https://youtu.be/ggtWTKbhN_U 👑 React, Material UI 5 e Typescript - https://youtu.be/wLH1Vv86I44 🏆 Curso de API Rest, Node e Typescript - https://youtu.be/SVepTuBK4V0 Livros recomendados: 📘 Código limpo - https://amzn.to/43Xiick 📘 Arquitetura limpa - https://amzn.to/3ZMCStr 📘 Migrando sistemas monolíticos - https://amzn.to/45ByPDZ 📘 The Micro SaaS Handbook - https://amzn.to/4jCan93 Meu setup: 📺 Monitor 24: https://amzn.to/4msD7TY 🤖 Processador: https://amzn.to/4oJLZpN 🎧 Fone bluetooth: https://amzn.to/4lESd7r ⌨️ Teclado e mouse: https://amzn.to/4oPdgHu 💪 Suporte articulado: https://amzn.to/41hIrRE Conteúdo: 0:00 | Introdução da aula 0:37 | Avisos importantes 1:40 | Conhecendo o expo router e file based navigation 4:45 | Instalação e configuração inicial em um projeto em branco 12:39 | Criando a tela inicial para o app 16:39 | Finalização e agradecimentos CODARSE - Navegação entre páginas #ReactNative #CursoReactNative #ReactNativeDoZero #CriarApp #DesenvolvimentoMobile #ReactNativeGratis #AppEmMinutos #JavaScript #ReactNativeTutorial #Expo #ProgramacaoMobile #ReactNativeBrasil #PrimeiroApp #MobileDeveloper #ReactNativeBeginner
