Tag

emotion

0 views collected around this technical thread.

ByteDance ADFE Team
ByteDance ADFE Team
May 13, 2021 · Frontend Development

CSS‑in‑JS in React: Problems with Traditional CSS, Various Styling Approaches and Comparison of Popular Solutions

The article explains why traditional global CSS is problematic for component‑based development, reviews several ways to write styles in React—including BEM‑constrained classNames, inline styling, CSS Modules and css‑loader—then introduces CSS‑in‑JS concepts, demonstrates the Emotion library, compares popular packages and offers practical recommendations for choosing a styling solution.

CSS ModulesCSS-in-JSemotion
0 likes · 15 min read
CSS‑in‑JS in React: Problems with Traditional CSS, Various Styling Approaches and Comparison of Popular Solutions