Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Estilos dinámicos con Styled Components en React

22/28
Recursos

Aportes 20

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

¿Les gusta este logo de Styled Components?

Es la primera vez que entro a React y veo que están saltando de un archivo a otro y me parece todo muy confuso 😕

Le agregué la portada de cada película al hacer hover 😄

https://codesandbox.io/s/react-samplecode-6l5i3

Comparto la emoción de Juan David cuando cambió a verde 😂

Sería intersante un curso práctico de CSS-in-JS con los angular, react y Vue. 😄

Esto es demasiado cool

Con desestructuración también queda más limpio el uso del theme en Styled Components

background: ${ ({theme}) => theme.bg }

Es mi primera vez trabajando con React junto con Styled components, se ve bastante complejo pero interesante 😮

de primeras, el código se ve muy feo jajaja

Wao Genial, style components

Les cmparto lo que hice https://codesandbox.io/s/pelis-react-0lqw5?file=/src/Theme.js 😄
Tantos archivos confunden, pero volviendo sobre cada paso se agarra el hilo. Muy bien explicado. En el mio definí un tema por defecto y que cambie el estilo sólo cuando el cursor esté encima de un formulario y al salir vuelva el estilo por defecto

excellent!!

Si teneis prisa usar chakra. Con chakra vais rapido no, lo siguiente

No pues si se ve muy cool! 😯

interesante forma de explicarlo no le había visto un uso como tal gracias

me voló la cabeza. 🤯

Bastante complejo este tema de utilizar los styled-components estar cambiando entre archivos sin dudas abruma un poco pero por algo se aprende

Enlace rapido por si necesitas recordar sobre Styled Components.
https://styled-components.com/docshttps://styled-components.com/docs