Tagged articles
4 articles
Page 1 of 1
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Dec 29, 2023 · Frontend Development

Master Frontend Design Patterns, Grid Layouts, and Node.js Addons

This article explores high‑frequency frontend design patterns, demonstrates how mastering CSS Grid simplifies layouts, introduces Node.js Addons for native capabilities, reviews Meta’s StyleX CSS‑in‑JS library, recaps major 2023 frontend developments, and highlights the Cloud Academy frontend team.

2023 trendsCSS GridDesign Patterns
0 likes · 4 min read
Master Frontend Design Patterns, Grid Layouts, and Node.js Addons
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.

CSS-in-JSStyleXatomic CSS
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.

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