📱Curso base de React Native - React Native Completo: +78 Aulas do Zero à DOIS apps prontos - Curso base de React Native 2025: #19 - Configurando tokens de cores

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 dar um passo muito importante para deixar o nosso aplicativo de humor tracker com uma identidade visual consistente: a configuração do tema da aplicação. Até aqui, já estruturamos a navegação e a base do app, mas agora chegou a hora de preparar um conjunto de estilos padronizados que vai facilitar muito o desenvolvimento das próximas telas. Essa etapa é essencial para garantir organização, reutilização de estilos e mais velocidade na hora de criar novas interfaces. Durante a aula, vamos transformar as cores, fontes e estilos definidos no protótipo do Figma em tokens que serão utilizados dentro do nosso projeto. Assim, em vez de repetir código e valores soltos pela aplicação, vamos centralizar tudo em um único tema, com variáveis claras para cores de fundo, textos, inputs, botões, sombras e tamanhos de fonte. Esse tipo de configuração torna o projeto mais profissional e preparado para escalar, já que qualquer alteração visual poderá ser feita em apenas um lugar. Além disso, você vai aprender a lidar com detalhes importantes, como cores com transparência, diferentes famílias de fontes e até sombras personalizadas, garantindo que o app fique cada vez mais parecido com o design original. Essa é uma aula prática e muito estratégica: você vai sair dela não só com um código mais organizado, mas também com uma base sólida para estilizar todas as telas que ainda vamos construir. Se você quer escrever menos código, evitar repetições e ganhar produtividade, essa aula é indispensável. 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/015425689c79688ded884374a612e540a46f288c 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:37 | Avisos importantes 1:00 | Criando objeto de tokens para o tema 9:54 | Finalização e agradecimentos CODARSE - Configurando o tema base #ReactNative #CursoReactNative #ReactNativeDoZero #CriarApp #DesenvolvimentoMobile #ReactNativeGratis #AppEmMinutos #JavaScript #ReactNativeTutorial #Expo #ProgramacaoMobile #ReactNativeBrasil #PrimeiroApp #MobileDeveloper #ReactNativeBeginner