Front-end
React: evolua o seu Design System com TailwindCSS
10hCarga horária
61Atividades
870Estudantes
9,1Avaliação média
01Certificado
O que você vai aprender
- Identifique os conceitos do Atomic Design e sua aplicação no desenvolvimento de uma biblioteca de componentes
- Crie uma biblioteca de componentes utilizando Next.js, Tailwind CSS e Storybook, seguindo as melhores práticas e padrões recomendados
- Aplique estilização condicional em componentes utilizando o cva (Class Variance Authority) para obter estilos flexíveis e dinâmicos
- Utilize o classnames para estilizar componentes de forma condicional, permitindo a personalização com base em diferentes estados e variáveis
- Instale e utilize a biblioteca Headless UI para criar componentes acessíveis, garantindo uma experiência inclusiva para todos os usuários
Público alvo
Pessoas Desenvolvedoras Front-end: Profissionais que já possuem experiência no desenvolvimento front-end e desejam aprimorar suas habilidades, aprender técnicas avançadas de desenvolvimento de componentes e explorar bibliotecas como Headless UI e cva para criar componentes mais acessíveis e personalizáveis.
Ementa
- Dividindo os átomos
- Criando o componente de tipografia
- Adicionando estilos e documentando
- Utilizando o CVA
Descubra se esse curso é pra você!
Ler as primeiras aulasCertificado reconhecido pelas maiores empresas do Brasil e do mundo.
Aprenda com quem está construindo o mercado
Neilton Seguins
Sou graduado como Bacharel em Ciência e Tecnologia e em Engenharia Mecânica. Atuo como Instrutor de ...
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.
Explore conteúdos
Inicie sua jornada agora.
Cursos relacionados em React
Single SPA:
orquestrando micro front-ends
Ver mais em Front-endCertificado Alura
React:
criando formulários com Formik e yup
Ver mais em Front-endCertificado Alura
React:
explorando estratégias de renderização do Next.js
Ver mais em Front-endCertificado Alura
React:
entendendo Middlewares com Redux Thunk
Ver mais em Front-endCertificado Alura
