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
©️ Clase basada en el original FullStack Open que tiene toda la atribución al contenido de la clase: https://fullstackopen.com/es/
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
