0 views collected around this technical thread.
The article examines the drawbacks of writing raw CSS, explains how preprocessors, naming conventions, modular approaches, CSS‑in‑JS, and atomic‑CSS frameworks like Tailwind and UnoCSS address redundancy, maintenance, and scalability, and provides best‑practice recommendations for modern front‑end development.
The article announces that styled-components has moved to maintenance mode due to React API changes and shifting frontend trends, analyzes why usage is declining, and presents emerging atomic CSS frameworks and other modern styling alternatives for new React projects.
This article recounts the architectural challenges of the Xingyun 2.0 frontend platform, explains why its monolithic codebase and build process became unsustainable, and details the step‑by‑step migration to a modular monorepo with micro‑frontend, Nx, pnpm, and Tailwind to improve scalability, maintainability, and developer productivity.
This article explains the challenges of Right‑To‑Left (RTL) layout adaptation, compares three implementation strategies—including CSS logical properties, transform scaling, and manual RTL code—and demonstrates how tools like rtlcss, Tailwind, and Ant Design can automate or simplify RTL support for modern web projects.
This article explains the Screenshot‑to‑Code project, detailing how AI‑driven image recognition converts UI screenshots into editable HTML, CSS, and JavaScript, describes the front‑end (React + Vite + Radix‑UI) and back‑end (Python + Poetry) architecture, showcases prompt engineering, and provides step‑by‑step setup instructions.
This article introduces several popular open-source CSS frameworks on GitHub, such as Bootstrap, Foundation, Bulma, Tailwind, UIkit, Milligram, Pure.css, and Tachyons, describing their features, usage, and repository statistics to help developers choose the right tool for efficient web design.
This article explores how modern frontend development separates UI into CSS extensions, behavior libraries, and style systems, compares Tailwind with Bootstrap, discusses the advantages of styled‑components and behavior‑only libraries like Radix‑UI, and offers guidance on building a custom component library with a personal style system.