
💅 Introducción a Styled Components. ¡Estilar tu aplicación de React! ⚛️ - FullStack Bootcamp
Published at : August 28, 2021
Styled Components te permite estilar tus componentes de React con CSS pero con la ventaja que te crea hashes para tus clases y evita las colisiones. También tienes toda la potencia de JavaScript, de forma que puedes crear variaciones de los componentes y usar themes de forma muy sencilla.
Esta clase es parte de un FullStack JavaScript Bootcamp completo:
https://www.youtube.com/playlist?list=PLV8x_i1fqBw0Kn_fBIZTa3wS_VZAqddX7
Segmentos 🎬
00:00 - Introducción
01:07 - Instalando styled-components
01:35 - Estilando el componente Button con styled-components
03:30 - Cómo estilar hover y pseudo clases
04:25 - Cómo estilar componentes de terceros
06:20 - Usando props para crear variaciones de estilos
08:00 - Ejemplo de theme con JavaScript
Esta clase es parte de un FullStack JavaScript Bootcamp completo:
https://www.youtube.com/playlist?list=PLV8x_i1fqBw0Kn_fBIZTa3wS_VZAqddX7
Segmentos 🎬
00:00 - Introducción
01:07 - Instalando styled-components
01:35 - Estilando el componente Button con styled-components
03:30 - Cómo estilar hover y pseudo clases
04:25 - Cómo estilar componentes de terceros
06:20 - Usando props para crear variaciones de estilos
08:00 - Ejemplo de theme con JavaScript

frontenddesarrollo webjavascript