Summary
Keywords
Full Transcript
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Nessa aula do curso Base de React Native nós vamos dar um grande passo no desenvolvimento do nosso aplicativo: aprender sobre navegação entre telas. Até aqui, trabalhamos apenas com uma tela estática, mas sabemos que qualquer aplicativo real precisa de várias páginas para ser útil e dinâmico. Por isso, vamos entender como funcionam os principais tipos de navegação no React Native e configurar, na prática, a primeira delas dentro do nosso projeto. Esse é um ponto essencial para transformar a nossa aplicação em algo mais próximo do que você encontra no dia a dia no mercado. Você vai descobrir como o React Native lida com a questão das rotas, já que, por padrão, ele não traz uma solução pronta para isso. Vamos então explorar as bibliotecas mais utilizadas, como o React Navigation e o Expo Router, entendendo as diferenças entre elas e por que cada uma pode ser útil em diferentes cenários. Nesta aula, vamos colocar o React Navigation em prática, configurando o Native Stack Navigator, que é o tipo mais comum de navegação, utilizado em grande parte dos aplicativos. Assim, você vai aprender como criar e organizar múltiplas telas e permitir que o usuário transite entre elas com fluidez. Além disso, vamos estruturar as rotas do nosso app Mood Tracker, criando as primeiras telas e organizando a base do projeto de forma profissional. Você vai ver como inicializar a navegação, configurar telas como Home, Detalhes e Ajustes, e preparar o ambiente para que o aplicativo tenha uma experiência completa. Essa aula é um divisor de águas no curso, porque a partir dela seu app deixa de ser apenas uma tela fixa e passa a ter a cara de um aplicativo real. Se você quer dar o próximo passo e dominar um dos conceitos mais importantes de React Native, essa aula é para você. Links mencionados no vídeo: 🗨️ Discord - https://discord.gg/ZC7JrPZn7P 🎬 CodarSe - https://codarse.com 🖥️ Protótipo no Figma: https://www.figma.com/community/file/1542265508040591315 📖 Repositório: https://github.com/lvsouza/youtube-react-native-humor-tracker/tree/481016c82b2efde3d954f415251347a509a7b881 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:40 | Avisos importantes 1:10 | Conhecendo as bibliotecas de navegação mais comum 3:40 | Instalando o React Navigation 6:25 | Tipos de navegação 7:52 | Finalizando as instalações para a navegação escolhida 9:36 | Configurando a navegação com React Navigation 18:45 | Finalização e agradecimentos CODARSE - Navegação entre telas #ReactNative #CursoReactNative #ReactNativeDoZero #CriarApp #DesenvolvimentoMobile #ReactNativeGratis #AppEmMinutos #JavaScript #ReactNativeTutorial #Expo #ProgramacaoMobile #ReactNativeBrasil #PrimeiroApp #MobileDeveloper #ReactNativeBeginner
