📱Curso base de React Native - React Native Completo: +78 Aulas do Zero à DOIS apps prontos - Curso base de React Native 2025: #08 - Criando o primeiro componente

Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Nessa aula do curso Base de React Native, nós vamos dar mais um passo importante e começar a criar nossos primeiros componentes reutilizáveis dentro do projeto. Você vai ver como organizar melhor a estrutura da aplicação, movendo arquivos principais para uma pasta src e estruturando pastas como shared e components, deixando o código mais limpo e fácil de manter. Esse tipo de organização vai te ajudar a lidar melhor com projetos maiores, evitando confusões e garantindo mais escalabilidade no futuro. Além disso, vamos colocar em prática a criação do nosso primeiro componente e entender na prática como ele pode ser reutilizado em diferentes partes do aplicativo. A ideia é mostrar como a componentização torna o desenvolvimento muito mais eficiente, já que você escreve uma vez e usa várias vezes. Também vamos aprender a passar propriedades para os componentes, tornando-os dinâmicos e adaptáveis a diferentes situações dentro do app. Esse é um conceito essencial no React e React Native e que vai abrir muitas possibilidades para o que vamos construir daqui para frente. Outro ponto importante que você vai aprender é como lidar com detalhes específicos dos dispositivos móveis, como a status bar. Vamos instalar e usar o SafeAreaView para garantir que os elementos da interface sejam renderizados de forma correta, independente se o usuário estiver em um iPhone com notch ou em um Android com recortes de tela diferentes. Esse tipo de cuidado é fundamental para que sua aplicação ofereça uma boa experiência em qualquer dispositivo. Então fica comigo até o final, porque essa aula vai te dar a base para criar componentes de forma profissional e preparar o terreno para projetos muito mais completos. 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/fe5a45eed83422680355511df41301018859a8e4 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:00 | Organizando a estrutura do projeto 5:20 | Criando o primeiro componente 7:00 | Resolvendo problema de elementos embaixo da barra de status 15:00 | Passando props para o primeiro componente 18: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