📱Curso base de React Native - React Native Completo: +78 Aulas do Zero à DOIS apps prontos - 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 - 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/8572e480faec24a15d73eeb97c17043c52f97561 🎮 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: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