This article explores the evolution of low‑code front‑end development, detailing the sw‑frontend architecture, visual designer, component system, dynamic routing, form factories, data handling, and future roadmap for building efficient, serverless, cloud‑native operations interfaces.
This article surveys recent frontend and AI developments, explaining R&D efficiency, showcasing a Rust-powered frontend scaffolding tool, outlining six basic AI agent types for enterprise use, defining AIGC, and presenting practical CSS color‑adaptation and Antd style‑override techniques.
The article compares React's controlled and uncontrolled form patterns, explains how modern hook‑based techniques—such as useForm, Context, and react‑hook‑form—streamline state management, improve performance, and simplify validation, illustrated by the evolution from antd3’s HOC approach to antd4’s Context‑driven architecture.
The article outlines common pain points of Ant Design—style resetting, difficult bug fixes, and heavy legacy constraints—and explains how headless UI libraries like radix‑ui and shadcn/ui provide a more flexible, lightweight, and customizable alternative for modern React front‑end development.
This article explains how to replace a sluggish, long list inside an Ant Design Modal with a custom virtual scrolling component, covering fixed‑height and variable‑height implementations, buffer optimization, binary search for index lookup, and includes full React code examples.
This article introduces the Antd Icon Reduce plugin, explains the problem of oversized Ant Design icon bundles, details the design and implementation of a webpack loader and plugin that dynamically extracts used icons and modifies alias configuration, and provides installation and configuration instructions to achieve significant bundle size reduction.
This article analyzes the Antd Form component's implementation, explaining how it collects, validates, and updates form data through rc-form's FieldsStore, and discusses advanced patterns like nested fields, custom component integration, and form linkage.
This guide walks through creating a React app with create‑react‑app, adding TypeScript, customizing the build via eject, forked scripts, or react‑app‑rewired, configuring environment files, setting up proxy and host settings, and handling CDN and port requirements for production deployments.
