curso de

React: Abstraindo seu CSS com Styled Components

Estudando este mês:

e mais 360 alunos(as)

Resumo do curso

  • Entenda os problemas de conflitos de nomes de classes com CSS
  • Saiba como usar o Styled Components dentro do projeto
  • Conheça quando usar os estilos globais
  • Aprenda a utilizar herança dentro dos componentes
  • Compreenda as vantagens de um projeto bem organizado

Público alvo

Pessoas que já tem algum conhecimento básico de React e que querem se aprimorar nessa ferramenta.

Conteúdo relacionado

Cursos de React em Front-end

Leia nossos artigos de Front-end

Já é aluno?

Comece o curso agora

6h

p/ conclusão

40

Atividades

87

Minutos de video

2139

Alunos nesse curso

9.2

Nota deste curso

Certificado de participação

Um pouco mais do conteúdo

Descubra se esse curso é pra você lendo as primeiras aulas de React: Abstraindo seu CSS com Styled Components

Formação com esse curso

Conteúdo Detalhado

  1. Styled Components

    • Apresentação
    • Instalação
    • Primeiro componente
  2. Tópicos básicos

    • GlobalStyle
    • Variáveis
    • Props
  3. Refatorações

    • Refatoração
    • Herança
    • Media Query
  4. Novo item

    • Extrato
    • Itens
    • Ícones
  5. Tema

    • Temas
    • Troca de tema e setTema
    • Ícone do tema
    • Conclusão

Ainda não estuda com a gente?

Invista na transformação da sua carreira!

Comece agora

nossos alunos e alunas

Experiências de quem já mergulhou com a gente.

Foi bom ter um caminho de onde usar o styled component em projeto

React: Abstraindo seu CSS com Styled Components

Alder Marcel SIlva Furtado

Espero muito ver a Elaine em outros cursos aqui, excelente didática, otima professora...

React: Abstraindo seu CSS com Styled Components

Novos Negócios

Excelente conteúdo e até então, foi o projeto que mais gostei na Alura. Também adorei as atividades fechadas. Uma única sugestão seria desenvolver a aplicação toda em inglês. Acho importante para padronizar e também para que devs que ainda não aprenderam bem a língua, treinarem para o mercado de trabalho. Valeu mais uma vez, Alura!

React: Abstraindo seu CSS com Styled Components

Giovanna Betti da Silva Mendes

Aprenda React com esse e outros cursos, comece agora!

Plus

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$85
à vista R$1.020
Matricule-se

Pro

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$120
à vista R$1.440
Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas