Скачать или смотреть Curso base de React Native 2025: #42 - Criando os tokens de cores do tema base

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

Nessa aula do curso Base de React Native nós vamos organizar toda a base visual e estrutural do nosso jogo da forca. O foco aqui é configurar os tokens de tema, centralizando em um único arquivo todas as informações que definem a identidade do nosso app: cores, tamanhos de fonte, pesos, bordas arredondadas e muito mais. Isso vai agilizar o desenvolvimento, deixar o código mais limpo e, principalmente, tornar as futuras alterações muito mais fáceis de serem aplicadas.
Você vai aprender como criar uma estrutura organizada dentro do projeto, preparar pastas e arquivos para receber esses tokens e conectar tudo com o protótipo que já está pronto no Figma. Essa é uma baita vantagem, porque já temos as variáveis bem definidas, mas ao mesmo tempo você vai entender como lidar com situações em que o protótipo não traz essas informações prontas, algo comum na prática. Dessa forma, além de aplicar diretamente os tokens, você também aprende como extrair manualmente cores, tamanhos e estilos sempre que precisar.
Esse passo é essencial porque define a base de toda a identidade do nosso aplicativo. Uma vez configurado, você terá à disposição um sistema de design completo dentro do projeto, facilitando a criação de telas consistentes e profissionais. Com tudo pronto, vamos estar preparados para, nas próximas aulas, integrar o NativeWind e acelerar ainda mais o processo de desenvolvimento das interfaces. Se você quer ver como transformar o protótipo em código de forma organizada e eficiente, essa aula é indispensável.

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...
🎮 App na Google Play: https://play.google.com/store/apps/de...

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:33 | Avisos importantes
0:57 | Organizando a estrutura de arquivos e pastas do React Native
4:15 | Criando os tokens da aplicação
7:20 | Finalização e agradecimentos

CODARSE - Setup inicial, tema, fontes e layout

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