Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Curso base de React Native 2025: #74 - Finalizando tela inicial com a lista de partidas
Play lesson

📱Curso base de React Native - React Native Completo: +78 Aulas do Zero à DOIS apps prontos - Curso base de React Native 2025: #74 - Finalizando tela inicial com a lista de partidas

4.0 (1)
23 learners

What you'll learn

This course includes

  • 25.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Nessa aula, Dev, a gente vai finalizar a tela inicial da nossa aplicação e deixar ela pronta para lidar com partidas de forma prática e organizada. Vamos trabalhar na separação dos estados de partidas em andamento e partidas finalizadas, garantindo que cada uma seja exibida corretamente na tela. Você vai ver como manipular dados do storage, combinar informações de diferentes fontes e garantir que tudo esteja tipado corretamente com TypeScript, deixando seu código mais seguro e fácil de manter. Além disso, vamos aplicar técnicas de transformação de dados e filtragem usando map e filter, permitindo que cada partida seja representada de forma completa, com todas as informações importantes, como rounds e status. Vou te mostrar também como controlar o fluxo da aplicação para impedir que múltiplas partidas sejam criadas simultaneamente, garantindo uma lógica consistente e evitando erros comuns no gerenciamento de estados complexos. Por fim, vamos cuidar da experiência do usuário, exibindo mensagens claras quando não houver partidas em andamento e ajustando o layout da tela para ficar intuitivo e visualmente organizado. Ao final da aula, você terá uma tela inicial funcional, otimizada e pronta para interagir com dados reais, consolidando conceitos essenciais de React Native e TypeScript que vão te ajudar em qualquer projeto. Se você quer avançar de verdade no desenvolvimento, essa aula é essencial para dominar essas técnicas. 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/67a6edc8c666ebf129bb7510408d481984ce8022 🎮 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:30 | Avisos importantes 0:41 | Refatorando a lógica para separar as partidas em andamento das partidas finalizadas 2:30 | Trazendo mais dados de uma partida em andamento 7:20 | Limitando o número de partidas em andamento 9:18 | Finalização e agradecimentos CODARSE - Async Storage e services #ReactNative #CursoReactNative #ReactNativeDoZero #CriarApp #DesenvolvimentoMobile #ReactNativeGratis #AppEmMinutos #JavaScript #ReactNativeTutorial #Expo #ProgramacaoMobile #ReactNativeBrasil #PrimeiroApp #MobileDeveloper #ReactNativeBeginner

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere