Este archivo es una demostración simple de Styled Components para entender su uso mínimo y de paso ver una documentación pequeña creada con react-styleguidist
Puedes ver la documentación de ejemplo en http://hmontes.github.io/styles-example
He visto en muchos foros y grupos a personas preguntando sobre integrar Sass a React. También he visto gente armandose un lio con CSS con el choque de nombre de clases. La idea de Styled Components es poder armar los estilos dentro de cada componente en particular con nombres únicos, evitar hacer mixins (Común en Sass para aumentar la compatibilidad entre navegadores) y poder hacer @media de forma fácil. (Con la propiedad style no se puede hacer)
- Clonar el repositorio
- cd styles-example
- npm install
- npm run styleguide
Puedes ver directamente el componente botón en /src/components/button/Button.js
No hay test implementados por el tamaño pequeño del ejemplo.
Un pequeño agradecimiento a la gente de Pro in Chile por la oportunidad de presentar y a la gente del grupo React Chile.
¡Compartelo como quieras!