Introducción a Styled Components. ¡Estilar tu aplicación de React! - FullStack Bootcamp
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
Contenido del curso
1
Presentación del curso y Fundamentos del Desarrollo Web - Bootcamp FullStack Gratuito
2
Aprendiendo Javascript y React desde cero - Bootcamp FullStack Gratuito
3
React: Estado del componente, Renderizado Condicional y Eventos - Bootcamp FullStack Gratuito
4
Renderizar listas de elementos y Formularios en React - Bootcamp FullStack Gratuito
5
Fetching y Mutación de Datos en React con el hook useEffect- Bootcamp FullStack Gratuito