Desde que mencionamos CSS em JS como uma t¨¦cnica emergente em 2017, ela se tornou muito mais popular, e ¨¦ uma tend¨ºncia que tamb¨¦m vemos em nosso trabalho. Com uma s¨®lida experi¨ºncia em produ??o, podemos agora recomendar CSS em JS como uma t¨¦cnica a ser testada. Um bom ponto de partida ¨¦ o framework de componentes com estilo, mencionado em nosso ¨²ltimo Radar. Al¨¦m de todos os aspectos positivos, por¨¦m, geralmente h¨¢ uma desvantagem ao usar CSS em JS: o c¨¢lculo de estilos em tempo de execu??o pode causar um . Com , agora estamos vendo uma nova classe de frameworks criados com esse problema em mente. Linaria emprega v¨¢rias t¨¦cnicas para mudar a maior parte da sobrecarga de desempenho para ganhar tempo. Infelizmente, isso vem com seu pr¨®prio conjunto de por¨¦ns, principalmente a falta de suporte a estilo din?mico no IE11.
CSS in JS is a technique of writing CSS styling in the JavaScript programming language. This encourages a common pattern of writing the styling with the JavaScript component it applies to, co-locating presentational and logical concerns. The new players ¡ª including , and ¡ª rely on the tooling to translate the CSS-in-JS code to separate CSS stylesheets, to make them suitable for browser consumption. This is the second-generation approach to writing CSS in JavaScript and unlike the previous approaches doesn¡¯t rely on in-line styles. That means it provides the benefit of supporting all CSS features, sharing of CSS using the npm ecosystem and utilization of components across multiple platforms. Our teams have found working well with component-based frameworks, such as React, and unit testing of CSS with . This space is new and rapidly changing; the approach requires some effort for manual debugging of the generated class names in the browser, and it may not apply to some projects where the front-end architecture does not support reusing components and requires global styling.
