Course Hive
Search

Welcome

Sign in or create your account

Continue with Google
or
💅 Introducción a Styled Components. ¡Estilar tu aplicación de React! ⚛️ - FullStack Bootcamp
Play lesson

🧑‍💻Bootcamp FullStack Gratuito | Javascript, React.js, GraphQL, Node.js, TypeScript y + - 💅 Introducción a Styled Components. ¡Estilar tu aplicación de React! ⚛️ - FullStack Bootcamp

5.0 (6)
54 learners

What you'll learn

This course includes

  • 38.5 hours of video
  • Certificate of completion
  • Access on mobile and TV

Summary

Keywords

Full Transcript

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

Course Hive

Continue this lesson in the app

Install CourseHive on Android or iOS to keep learning while you move.

Related Courses

FAQs

Course Hive
Download CourseHive
Keep learning anywhere