
Andrei Pfeiffer
Eclectic Code Designer. UI Developer for web & mobile. The organizer of revo.js conference.
A thorough analysis of CSS-in-JS
React Finland 2021

24 min
A thorough analysis of CSS-in-JS

There are two mutually exclusive methods that CSS-in-JS libraries use to generate and ship styles to the browser. Both methods have benefits and downsides, so let’s analyze them in detail from the loading performance perspective.