Summary
Keywords
Full Transcript
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Nessa aula, Dev, a gente vai mergulhar nas principais alterações que fizemos na tela de partida do nosso app, deixando ela mais completa e funcional. Você vai ver como agora é possível acessar a tela de partida, visualizar a dica da palavra, acompanhar a palavra mascarada e até desistir da partida de forma controlada. Além disso, vamos explorar como atualizar corretamente o status das partidas na tela inicial, garantindo que a aplicação reflita sempre a situação real do jogo e evitando inconsistências comuns na navegação em stack. Também vamos trabalhar com hooks avançados do React Native, como useFocusEffect e useCallback, para garantir que funções e dados importantes sejam executados de maneira eficiente, apenas quando necessário. Isso significa que, ao navegar entre telas, nossa aplicação vai manter a performance alta e os estados atualizados corretamente. Você vai entender como armazenar dados em memória, otimizar a execução de funções e garantir que o round atual da partida seja exibido corretamente, com todas as informações de acertos, erros e estado do jogo. Por fim, vamos ajustar o teclado e os botões da partida, adicionando tratamento para desabilitar letras já usadas e controlar a desistência de partidas com alertas claros para o usuário. Ao final da aula, você terá um app muito mais completo, interativo e confiável, pronto para continuar evoluindo. Se você quer dominar React Native na prática e avançar para recursos mais avançados, essa aula é essencial para consolidar seu aprendizado e se preparar para o curso avançado, onde vamos tratar de publicação, responsividade, anúncios e muito mais. 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/679bfa608e236c3a126dcfe910ce08e652ed3b44 🎮 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:34 | Avisos importantes 1:00 | Revisando como ficou o resultado das alterações 2:10 | Como resolvi um problema 7:00 | Ajuste de keys para performance 7:30 | Ajustes gerais no Keyboard 8:10 | Ajustes gerais na tela de partida em andamento 13:40 | Como exibir alerts no React Native com Expo 16:20 | Finalização e agradecimentos CODARSE - Async Storage e services #ReactNative #CursoReactNative #ReactNativeDoZero #CriarApp #DesenvolvimentoMobile #ReactNativeGratis #AppEmMinutos #JavaScript #ReactNativeTutorial #Expo #ProgramacaoMobile #ReactNativeBrasil #PrimeiroApp #MobileDeveloper #ReactNativeBeginner
