Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
Curso base de React Native 2025: #52 - Criando componente de SECTION
Play lesson

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

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 do nosso curso Base de React Native, vamos focar na componentização do aplicativo, criando um componente de sessão que vai padronizar títulos e conteúdos em várias telas. Você vai aprender como organizar o layout, definir props tipadas em TypeScript e estruturar o JSX de forma limpa, utilizando View e Text do React Native. A ideia é construir uma base sólida que facilite a criação das próximas telas, mantendo consistência visual e simplificando o desenvolvimento de novas funcionalidades. Vamos ver na prática como reutilizar esse componente em diferentes partes do app, como na tela Sobre ou na tela de Nova Partida, garantindo que o layout fique coerente e bem espaçado. Durante a aula, vamos ajustar margens, gaps e paddings, aplicando estilos com NativeWind para que tudo fique visualmente alinhado e responsivo. Esse passo é essencial para criar interfaces escaláveis, onde você não precisa repetir código e consegue manter tudo organizado. Ao final, você terá um componente Section funcional, pronto para encapsular títulos e conteúdos variados em qualquer tela do aplicativo. Essa aula mostra como pensar em reuso de componentes e boas práticas de layout, acelerando o desenvolvimento e permitindo que você foque nas funcionalidades principais do app. Além disso, vai te dar segurança para criar suas próprias versões de componentes e comparar com o que foi desenvolvido, tornando o aprendizado ainda mais prático e interativo. 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/7c7bf6e983b720fd6af05b29c288c6aaf348d16a 🎮 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:00 | Entendendo o que pode ser componentizado no React Native 2:12 | Criando componente de Section 9:43 | Finalização e agradecimentos CODARSE - Componentização com React Native #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