📱Curso base de React Native - React Native Completo: +78 Aulas do Zero à DOIS apps prontos - Curso base de React Native 2025: #11 - Renderização condicional

Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Nessa aula do curso Base de React Native, vamos explorar um recurso essencial para qualquer aplicação: a renderização condicional. Muitas vezes, você vai precisar mostrar ou esconder elementos da tela conforme a interação do usuário ou de acordo com determinadas regras de negócio. O React Native oferece formas simples e diretas de lidar com isso, e nessa aula você vai aprender como aplicar esses conceitos na prática de um jeito claro e eficiente. Ao longo da explicação, você vai entender como o state se conecta diretamente com a renderização condicional, controlando a exibição de elementos a partir de valores booleanos. Vamos implementar juntos um botão que alterna entre mostrar e esconder textos, explorando diferentes abordagens para essa lógica: desde o uso do operador lógico &&, passando pelo if ternário, até chegar em alternativas que mexem diretamente no estilo com display. Cada uma dessas técnicas será demonstrada na prática, para que você saiba quando e como utilizar cada uma delas. Mais do que apenas mostrar conteúdo na tela, você vai descobrir também os riscos de algumas implementações que podem comprometer a performance do seu app e por que é importante escolher a forma correta de lidar com elementos condicionais. Essa aula é curta, mas extremamente importante para te dar a base necessária na construção de interfaces dinâmicas e profissionais em React Native. Se você quer criar telas que realmente respondem ao comportamento do usuário, não pode deixar de assistir. 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/0ae9e69afa91f9f9cc9047e0e0b8006178f2981e 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 1:15 | Entendendo como a renderização condicional funciona 5:20 | Exibição condicional com o display none 7:20 | Finalização e agradecimentos CODARSE - Estrutura do projeto e conceitos do React e React Native #ReactNative #CursoReactNative #ReactNativeDoZero #CriarApp #DesenvolvimentoMobile #ReactNativeGratis #AppEmMinutos #JavaScript #ReactNativeTutorial #Expo #ProgramacaoMobile #ReactNativeBrasil #PrimeiroApp #MobileDeveloper #ReactNativeBeginner