Mis notas - Matias Hernández

Styled Components

  • Styled-components es una variante o implementación de el método conocido como CSS-in-JS

  • CSS-in-JS es un approach que abstrae el modelo CSS a nivel de componente en vez de todo el documento. La idea es que CSS pueda ser “scoped” a un componente en especifico. Algunos beneficios

    • Reduce the number of HTTP Requests
    • Styling Fragmentation: No compatibility issues

Styled-components es una implementación de esta idea, o una API, hay otras que sigen la misma estructura como Emotion.sh Te permite escribir CSS en tus componentes sin peocuparte por colisiones de nombre creando css “scoped” al componente.

Why

Links to this note