BestHub
Sign in
Tag

Stylex

0 views collected around this technical thread.

Ctrip Technology
Ctrip Technology
Dec 28, 2023 · Frontend Development

Understanding Atomic CSS and Facebook’s Stylex: Concepts, Trade‑offs, and Practical Usage

This article explains the principles of Atomic CSS, discusses its advantages and drawbacks, shows how Facebook’s open‑source Stylex implements Atomic CSS with Babel, and demonstrates practical usage patterns such as stylex.create, stylex.props, defineVars, and createTheme to improve front‑end performance and maintainability.

Atomic CSSCSS-in-JSPerformance
0 likes · 16 min read
Understanding Atomic CSS and Facebook’s Stylex: Concepts, Trade‑offs, and Practical Usage
ByteDance ADFE Team
ByteDance ADFE Team
Aug 20, 2021 · Frontend Development

Introducing broken-css: A Zero‑Runtime Atomic CSS‑in‑JS Solution

The article explains broken-css, a zero‑runtime, atomic CSS‑in‑JS library inspired by linaria and stylex, detailing its design, installation, API, compilation process, support for pseudo‑classes, @‑rules, CSS variables, and integration with webpack and VSCode, while also providing code examples and performance benefits.

Atomic CSSCSS-in-JSLinaria
0 likes · 11 min read
Introducing broken-css: A Zero‑Runtime Atomic CSS‑in‑JS Solution