🧑💻Bootcamp FullStack Gratuito | Javascript, React.js, GraphQL, Node.js, TypeScript y + 💅 Introducción a Styled Components. ¡Estilar tu aplicación de React! ⚛️ - FullStack Bootcamp
💅 Introducción a Styled Components. ¡Estilar tu aplicación de React! ⚛️ - FullStack Bootcamp Transcript and Lesson Notes
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 crea
Quick Summary
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 crea
Key Takeaways
- Review the core idea: 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 crea
- Understand how frontend fits into 💅 Introducción a Styled Components. ¡Estilar tu aplicación de React! ⚛️ - FullStack Bootcamp.
- Understand how desarrollo web fits into 💅 Introducción a Styled Components. ¡Estilar tu aplicación de React! ⚛️ - FullStack Bootcamp.
- Understand how javascript fits into 💅 Introducción a Styled Components. ¡Estilar tu aplicación de React! ⚛️ - FullStack Bootcamp.
- Understand how midudev fits into 💅 Introducción a Styled Components. ¡Estilar tu aplicación de React! ⚛️ - FullStack Bootcamp.
Key Concepts
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
Lesson FAQs
What is 💅 Introducción a Styled Components. ¡Estilar tu aplicación de React! ⚛️ - FullStack Bootcamp about?
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 crea
What key concepts are covered in this lesson?
The lesson covers frontend, desarrollo web, javascript, midudev, styled components react.
What should I learn before 💅 Introducción a Styled Components. ¡Estilar tu aplicación de React! ⚛️ - FullStack Bootcamp?
Review the previous lessons in 🧑💻Bootcamp FullStack Gratuito | Javascript, React.js, GraphQL, Node.js, TypeScript y +, then use the transcript and key concepts on this page to fill any gaps.
How can I practice after this lesson?
Practice by applying the main concepts: frontend, desarrollo web, javascript, midudev.
Does this lesson include a transcript?
Yes. The full transcript is visible on this page in indexable HTML sections.
Is this lesson free?
Yes. CourseHive lessons and courses are available to learn online for free.
Continue Learning
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
