Curso base de React Native 2025: #61 - Iniciando a tela de partidas em andamento

Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA

Nesta aula do nosso curso base de React Native, vamos começar a desenvolver juntos a tela de “Partida em Andamento”. Vou te mostrar passo a passo como configurar os textos, organizar os elementos da interface e preparar o layout do jogo para que tudo funcione de forma visualmente agradável e coerente com o protótipo. Vamos trabalhar com a renderização das letras da palavra a ser adivinhada, aplicar estilos corretos, centralizar os elementos e criar uma estrutura de componentes que facilite o desenvolvimento das próximas funcionalidades.
Além disso, vamos tratar casos importantes para tornar a tela realmente funcional, como a quebra de palavras muito longas, o alinhamento das letras e o uso de flex wrap para garantir que todo o conteúdo apareça corretamente, mesmo em palavras maiores. Também vou te mostrar como gerenciar arrays de letras e aplicar lógica condicional para renderizar corretamente o underline das letras ainda não descobertas. Essa parte é essencial para criar interfaces interativas e responsivas no React Native, mantendo o código organizado e fácil de expandir.
Por fim, essa aula já deixa nossa tela praticamente pronta para receber os próximos elementos, como imagens, dicas e botões de ação, preparando o terreno para finalizar a experiência do jogador. Se você quer entender como construir telas complexas e funcionais de jogos no React Native, dominar o layout, o gerenciamento de estado e a renderização dinâmica de componentes, esta aula vai te dar todas as ferramentas práticas para avançar de forma sólida no desenvolvimento do seu app.

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/7da7bed3e0f704ff54f3724302300ed4384f41ec
🎮 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:25 | Avisos importantes
1:20 | Criando texto de dica para a tela de partida em andamento
3:50 | Criando palavra adivinhada no momento
10:00 | Adicionando dica para a palavra adivinhada
10:25 | Finalização e agradecimentos

CODARSE - Finalizando e iniciando novas telas no App

#ReactNative #CursoReactNative #ReactNativeDoZero #CriarApp #DesenvolvimentoMobile #ReactNativeGratis #AppEmMinutos #JavaScript #ReactNativeTutorial #Expo #ProgramacaoMobile #ReactNativeBrasil #PrimeiroApp #MobileDeveloper #ReactNativeBeginner

Видео Curso base de React Native 2025: #61 - Iniciando a tela de partidas em andamento канала Lucas Souza Dev