midudev
Introducción a Styled Components. ¡Estilar tu aplicación de React! ⚛️
¡UPS! Para ver vídeos en la web debes estar registrado, es totalmente gratuito.
1.510 visualizaciones
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.
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
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