Technology Radar
El uso de literales de plantilla etiquetados styled components hace posible colocar el CSS necesario para aplicar estilo a un componente React directamente en el código JavaScript que crea el componente. Esto reduce en gran medida las dificultades en el manejo de CSS y evita la necesidad de convenciones de nombres u otros medios para evitar conflictos de nombres en el CSS. Las personas desarrolladoras pueden ver el estilo al mirar la definición del componente y no tienen que memorizar varios megabytes de CSS. Por supuesto, colocar el CSS en el código JavaScript puede dificultar la obtención de una visión coherente del diseño de diferentes componentes, por lo que recomendamos comprender las consecuencias que tiene utilizar este enfoque.
