Curso base de React Native 2025: #25 - Criando o componente de Botão

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

Olá, Dev! Nessa aula do curso Base de React Native vamos começar a criar juntos o nosso componente de botão. Até aqui já estruturamos e configuramos as telas principais, mas agora chegou a hora de dar vida à tela de alterar nome, adicionando o botão de salvar e aplicando boas práticas de componentização. Essa é uma etapa essencial para deixar o app mais funcional e alinhado com o protótipo.
Durante a aula, você vai aprender como construir um botão reutilizável dentro do React Native, entendendo as diferenças entre as opções disponíveis (Pressable, TouchableOpacity, Button e outras) e porque escolhemos a abordagem mais moderna para estilizar e controlar interações. Além disso, vamos aplicar propriedades como autofocus no input para melhorar a experiência do usuário e ajustar o comportamento do teclado entre Android e iOS, resolvendo na prática um problema comum para quem desenvolve aplicativos multiplataforma.
Ao final da aula, você terá em mãos um botão totalmente estilizado, reutilizável e pronto para ser usado em diferentes partes da aplicação, além de entender como estruturar props e variantes para lidar com diferentes estilos (primary, outlined, etc.). Esse conhecimento vai deixar seu código mais organizado e escalável, preparando o terreno para as próximas funcionalidades do app. Então, dá o play e bora construir juntos essa parte fundamental do projeto em React Native!

Links mencionados no vídeo:
🗨️ Discord -   / discord  
🎬 CodarSe - https://codarse.com
🖥️ Protótipo no Figma: https://www.figma.com/community/file/...
📖 Repositório: https://github.com/lvsouza/youtube-re...

Outros cursos no canal:
🎩 Figma para DEVs -    • Figma para DEVs: #00 - Apresentação do curso  
☪️ Curso de estilização no React -    • Estilização no React: Aula 00 - Curso de f...  
💎 Curso base de React -    • Curso base de React 2025: #00 - Apresentaç...  
👑 React, Material UI 5 e Typescript -    • React, Material UI 5 e Typescript: #00 - I...  
🏆 Curso de API Rest, Node e Typescript -    • API Rest, Node e Typescript: #00 - Apresen...  

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:20 | Avisos importantes
0:56 | Adicionando autofocus na tela de set user name
3:35 | Criando o componente de botão reutilizável
17:00 | Resolvendo problemas de visual entre plataformas
19:57 | O que é as próximas etapas
20:50 | Finalização e agradecimentos

CODARSE - Componentizando o projeto

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