Contexto
Todas las aplicaciones necesitan tener hojas de estilos, para darle color y vida a las aplicaciones, hace un par de años sólo teniamos una opción, escribir los estilos en un archivo .css, pero conforme al desarrollo web se ha vuelto más complejo surgieron una variedad de opciones para escoger según los requerimientos de las aplicaciones.
Opciones
- Styled components.
- Preprocesadores (Sass, Less, Stylus) + (BEM, OOCSS).
- CSS + (BEM, OOCSS).
Desición
- La razón principal para escoger styled components era que necesitabamos encapsular los estilos de modo que no tuvieramos conflictos entre componentes ahorrandonos errores y sobre todo tiempo y de las opciones la única que nos daba un verdadero encapsulamiento era styled components.