Summary
Keywords
Full Transcript
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Olá, Dev! Nessa aula do curso Base de React Native nós vamos dar um passo importante para profissionalizar ainda mais nosso projeto: organizar e tipar corretamente as rotas do aplicativo. Se na aula anterior você percebeu alguns erros e dificuldades com o TypeScript durante a navegação, agora é o momento de resolver isso de forma definitiva. Vou te mostrar truques que vão facilitar muito o seu trabalho, garantindo uma navegação mais confiável e evitando problemas comuns no desenvolvimento de apps. Nós vamos aprender a definir tipagens para cada rota, especificando quais parâmetros cada tela pode ou não receber. Isso significa que, ao navegar para uma tela como a de detalhes, por exemplo, o TypeScript já vai validar se você está passando os parâmetros corretos, evitando erros que só apareceriam em tempo de execução. Você também vai ver como essa configuração melhora a produtividade, já que o editor passa a sugerir automaticamente os nomes das telas e os tipos de dados corretos para cada navegação. Além disso, vamos ajustar a tipagem dos hooks de navegação e de rotas, como o useNavigation e o useRoute, para que eles entendam exatamente o que cada tela espera receber. Isso torna o fluxo de desenvolvimento muito mais seguro e rápido, já que você não vai precisar “chutar” ou usar soluções paliativas para contornar erros de tipagem. Ao final da aula, sua navegação estará 100% tipada e organizada de forma profissional, pronta para escalar junto com o seu app. Se você quer dominar React Native e escrever código limpo, tipado e sem dor de cabeça, essa aula é essencial. 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/e45abe873f489c05ebdff53e3c6c642ec28931df 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:24 | Avisos importantes 1:00 | Como resolver o problema das tipagens no React Navigation 7:35 | Permitindo parâmetros de tipagem 9:20 | Finalização e agradecimentos CODARSE - Navegação entre telas #ReactNative #CursoReactNative #ReactNativeDoZero #CriarApp #DesenvolvimentoMobile #ReactNativeGratis #AppEmMinutos #JavaScript #ReactNativeTutorial #Expo #ProgramacaoMobile #ReactNativeBrasil #PrimeiroApp #MobileDeveloper #ReactNativeBeginner
