Summary
Keywords
Full Transcript
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Nessa aula do nosso curso Base de React Native, vamos explorar como criar partidas no nosso jogo da forca e salvar todas as informações diretamente no Async Storage. Você vai acompanhar passo a passo como o botão de criar partida já gera o feedback instantâneo, navega para a tela de partida em andamento e garante que todos os dados da partida, como número de rounds, modo de jogo e status, sejam armazenados corretamente. Vamos entender também como pequenos ajustes nos componentes, como adicionar a propriedade disabled nos selects e botões, ajudam a melhorar a experiência do usuário e a manter a lógica assíncrona do app organizada e segura. Durante a aula, vamos revisar todas as alterações que fiz no código, incluindo nove arquivos modificados que impactam desde a criação da partida até a gestão dos rounds. Você vai ver como adicionamos métodos para adicionar rounds, controlar a dificuldade das palavras e tratar erros quando o jogador já completou todas as palavras disponíveis. Também vou te mostrar como usamos a biblioteca date-fns para calcular o tempo de cada round de forma eficiente, garantindo que cada partida funcione de maneira fluida e consistente. Com isso, você terá uma compreensão clara de como estruturar a lógica do jogo e gerenciar dados em um aplicativo React Native real. Ao final, você vai perceber como pequenas melhorias e boas práticas deixam o app mais robusto, com navegação correta entre telas e feedback visual para o usuário. Essa aula é essencial para quem quer dominar a criação de aplicativos interativos, aplicar lógica assíncrona de forma prática e se preparar para funcionalidades mais avançadas que virão nas próximas aulas. Se você acompanhar cada passo, vai sair com um jogo funcional e escalável, pronto para ser expandido e melhorado conforme o seu aprendizado no curso. 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/e8cb36c9b6397a2c16ad5b4fe8ed38d8029e8014 🎮 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:36 | Avisos importantes 1:00 | Como ficou as alterações 2:34 | Alterações na tela de nova partida 5:48 | Ajustes no botões 6:20 | Ajustes nos services 8:18 | Novo método no service de StorageMatch 20:43 | Finalização e agradecimentos CODARSE - Async Storage e services #ReactNative #CursoReactNative #ReactNativeDoZero #CriarApp #DesenvolvimentoMobile #ReactNativeGratis #AppEmMinutos #JavaScript #ReactNativeTutorial #Expo #ProgramacaoMobile #ReactNativeBrasil #PrimeiroApp #MobileDeveloper #ReactNativeBeginner
