Aniversário
Alura 12 anos

20% OFF

Falta pouco!

00

DIAS

00

HORAS

00

MIN

00

SEG

Matricule-se com desconto especial do Gaules!

Logo do curso
Curso

React:

desenvolvendo design tokens com styled-components

Quero estudar na alura

8h

Para conclusão

131

Pessoas nesse curso

8.9

Avaliação média

Certificado

De participação

Introdução_

O que você aprenderá_

  • Crie componentes reutilizáveis e tipados com React e TypeScript
  • Implemente estilos dinâmicos e consistentes usando Styled-Components
  • Aprenda sobre documentação e teste de componentes com Storybook
  • Use design tokens para padronizar estilos em projetos
  • Aprenda sobre gerenciamento de múltiplos pacotes em um monorepositório
  • Realize a criação e manutenção de um design system eficiente

Público alvo_

Este curso é ideal para pessoas desenvolvedoras front-end que já possuem conhecimentos básicos em React e desejam aprofundar suas habilidades em desenvolvimento de interfaces modernas e eficientes. É também indicado para profissionais que buscam entender e implementar design systems em seus projetos, utilizando tecnologias avançadas como TypeScript, Storybook e Styled-Components.

Pedro Celestino de Mello

github

linkedin

Engenheiro de Software com foco em desenvolvimento mobile e front-end. Com mais de 9 anos de experiência, adora compartilhar conhecimento com a comunidade de desenvolvedores e aprender sobre novas tecnologias. Nas horas vagas é fácil encontrar ele nos campos de batalha de World of Warcraft, viajando com a esposa e os dogs ou curtindo um futebol americano com uma boa cerveja.

Curso atualizado em 17/12/2024

Ementa

  1. Tokenizando nosso projeto

    • Entendendo os tokens
    • Configurando os tokens do design system
  2. Publicando nosso pacote de tokens

    • Preparando a publicação
    • Utilizando os design tokens nos componentes
    • Testando nossos tokens
  3. Criando histórias no storybook

    • Adicionado a dependência dos tokens no storybook
    • Avançando na documentação do storybook
    • Criando a história do formulário
  4. Criando histórias avançadas

    • Documentando o formulário
    • Avançando na documentação
    • Finalizando nossa documentação
  5. Adicionando tokens compostos

    • Adicionando tokens de sombra e espaçamento
    • Adicionando tokens de tipografia

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Este e mais 3 cursos fazem parte das seguintes formações

Nossas formações são uma sequência de cursos e conteúdo para você se profissionalizar e se tornar quem o mercado procura!
Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Escolha a duração
do seu plano

Conheça os Planos para Empresas