Summary
Keywords
Full Transcript
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Nessa aula do curso Base de React Native, vamos dar um passo essencial para quem deseja dominar a construção de interfaces reutilizáveis: entender de forma prática como funcionam props, children e eventos nos componentes. Até aqui, já criamos nosso primeiro componente e adicionamos propriedades, mas agora vamos além, construindo um botão totalmente personalizado e explorando como ele pode receber conteúdo dinâmico e reagir às interações do usuário. Esse é um ponto-chave no desenvolvimento com React Native, porque é justamente isso que torna a interface flexível e adaptável a diferentes situações. Ao longo da aula, você vai aprender na prática como um componente pode receber filhos (children), permitindo que você passe elementos personalizados dentro dele, como textos ou outros componentes, e ainda como lidar com eventos, como o famoso onPress, que dispara ações ao clicar em um botão. Vamos implementar juntos um botão customizado, entendendo como configurar suas propriedades, tornar atributos opcionais e trabalhar com funções como parâmetros. Isso vai te mostrar como criar componentes muito mais poderosos e reutilizáveis no seu projeto. Outro detalhe importante é que você vai ver como o TypeScript ajuda a garantir segurança e clareza na hora de tipar seus componentes. Isso evita erros comuns e traz mais confiança no desenvolvimento. Essa combinação entre propriedades, children e eventos é a base do que diferencia um código engessado de uma aplicação profissional e escalável. Então, se você quer sair do básico e começar a dominar de verdade como estruturar e reutilizar componentes no React Native, essa aula é fundamental para você. 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/a0f0c4be55127cb5f0cf0bd2f2e6a25608f674b6 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:10 | Avisos importantes 0:30 | Não é só de props que um componente vive 3:25 | Como permitir filhos em um componente 4:35 | O que mais tem em um componente 9:00 | Propriedade não obrigatórias 10:40 | 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
