💅 Introducción a Styled Components. ¡Estilar tu aplicación de React! ⚛️ - FullStack Bootcamp
Ya has superado la mitad. Estás muy cerca de completar el curso.
Sobre esta lección
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
Sobre este curso
FullStack JavaScript Bootcamp totalmente gratis y desde cero.
Lo que aprenderás en este curso:
- Dominar la sintaxis moderna de JavaScript (ES6+)
- Manipular el DOM y gestionar eventos del navegador
- Trabajar con funciones asíncronas, promesas y APIs
- Implementar estructuras de datos y algoritmos en JavaScript