Curso de Styled Components React (V5)

Aprenda Styled-Components Passo a Passo

Avaliação: 4.7 de 51186 avaliações

3 horas totais

42 palestras

Todos os níveis

Aprenda Styled-Components Passo a Passo

E aí pessoal, aqui é o Mark da Code Masters e bem-vindos ao meu curso de Styled Components. Como o co-criador do styled components, Alex Smith, diz: O conceito fundamental dos styled components é promover as melhores práticas eliminando a conexão entre estilos e componentes. Styled Components fazem parte do movimento CSS inJS, onde podemos criar componentes que possuem seus próprios estilos encapsulados. Não precisamos mais criar um componente, decidir um seletor e, em seguida, escrever rapidamente estilos separados para esse componente específico no CSS do aplicativo ou em qualquer outro arquivo de estilo. O que torna os Styled Components tão incríveis é sua incrível sintaxe de template marcado que nos permite criar componentes React regulares simplesmente definindo estilos. Sem nenhuma configuração, styled-components suportam modularidade CSS, variáveis em CSS, aninhamento em CSS, estender estilos de componentes e muito mais. Styled Components também nos permitem escrever CSS puro em nossos componentes sem nos preocuparmos com conflitos de nomes de classe. Styled-components é um framework de estilização CSS-in-JS que usa literais de template marcado em JavaScript e o poder do CSS para fornecer uma plataforma que nos permite escrever CSS real para estilizar componentes React. Styled components são componentes React fáceis de criar que escrevemos com a biblioteca styled-components, onde podemos estilizar nossos componentes com CSS puro dentro do nosso código JavaScript.

O que você aprenderá

Usando Styled-Components em Aplicações React