BestHub
Sign in
Tagged articles

ant-design

52 articles · Page 1 of 1
Alipay Experience Technology
Alipay Experience Technology
Jul 7, 2026 · Frontend Development

High‑Performance Streaming Markdown Renderer for Multi‑Platform Mini‑Programs (x‑markdown‑mini)

The article analyzes the shortcomings of existing mini‑program Markdown renderers—conversion overhead, streaming performance, and extensibility—then presents three strategies employed by @ant-design/x‑markdown‑mini to eliminate the HTML middle layer, cache stable blocks with incremental patching, and provide isolated, plug‑in‑based syntax and component extensions, achieving up to 4.4× faster conversion on long texts.

FrontendMarkdownMini Program
0 likes · 12 min read
High‑Performance Streaming Markdown Renderer for Multi‑Platform Mini‑Programs (x‑markdown‑mini)
FunTester
FunTester
Dec 9, 2025 · Frontend Development

Mastering Ant Design Popups: Fix Overlay Issues with getPopupContainer

This guide explains why Ant Design dropdowns, tooltips, and popovers are often hidden or misaligned, how the default rendering to document.body causes these problems, and demonstrates practical use of the getPopupContainer property to control popup mounting and eliminate visual bugs in React applications.

FrontendJavaScriptReAct
0 likes · 7 min read
Mastering Ant Design Popups: Fix Overlay Issues with getPopupContainer
Alipay Experience Technology
Alipay Experience Technology
Nov 24, 2025 · Frontend Development

What’s New in Ant Design 6.0? A Deep Dive into the Latest Frontend Upgrade

Ant Design 6.0 and Ant Design X 2.0 were officially released at SEE Conf 2025, introducing smooth migration from v5, raising the minimum React version to 18, adopting pure CSS‑Variables, enabling React Compiler in the build, revamping component semantics, dropping IE support, and adding several new components such as Masonry, enhanced Tooltip, spinner‑style InputNumber, draggable Drawer, and blur‑mask overlays, with a clear upgrade guide and future roadmap.

FrontendReActUI library
0 likes · 10 min read
What’s New in Ant Design 6.0? A Deep Dive into the Latest Frontend Upgrade
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 18, 2025 · Frontend Development

From HOC to Hooks: How Ant Design Form Works Under the Hood

This article explores the inner workings of Ant Design Form, comparing the legacy HOC‑based implementation with the modern Hooks API, detailing state‑lifting, form store design, performance trade‑offs, and providing step‑by‑step code examples for building a custom form solution in React.

FormHOCHooks
0 likes · 21 min read
From HOC to Hooks: How Ant Design Form Works Under the Hood
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 6, 2025 · Frontend Development

Ant Design Component Model Context Protocol (MCP) Service: Design, Implementation, and Usage Guide

This article details the design, implementation, and practical usage of a Model Context Protocol (MCP) service for Ant Design components, explaining how to extract component documentation, define MCP tools and prompts, integrate with AI models like Claude, and improve frontend development efficiency.

AIFrontendMCP
0 likes · 21 min read
Ant Design Component Model Context Protocol (MCP) Service: Design, Implementation, and Usage Guide
Full-Stack Cultivation Path
Full-Stack Cultivation Path
Mar 1, 2025 · Frontend Development

Ant Group’s Secret Weapon WeaveFox: Will AI Make Front‑End Development Obsolete?

WeaveFox, Ant Group’s AI‑powered front‑end platform, claims to turn design drafts into fully functional React or Vue code—including precise pixel alignment and interactive effects—in seconds, while offering cross‑terminal support, automated refactoring, performance boosts, and a continuous learning loop, yet the author argues it won’t fully replace developers.

AI frontendReActVue
0 likes · 7 min read
Ant Group’s Secret Weapon WeaveFox: Will AI Make Front‑End Development Obsolete?
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 18, 2025 · Frontend Development

Comprehensive Guide to RTL Support in CSS and Frontend Development

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.

CSSLogical PropertiesRTL
0 likes · 20 min read
Comprehensive Guide to RTL Support in CSS and Frontend Development
大转转FE
大转转FE
Oct 18, 2024 · Frontend Development

Design and Implementation of ZhiZhu Customer Service Workbench

This article explains the architecture and key features of ZhiZhu's customer service workbench, covering the overall system, the iframe‑based IM communication, multi‑tab third‑screen design, conversation caching with LRU, and full‑event tracking implementation using React, Umi and Ant Design.

Customer ServiceReActUMI
0 likes · 11 min read
Design and Implementation of ZhiZhu Customer Service Workbench
KooFE Frontend Team
KooFE Frontend Team
Sep 8, 2024 · Frontend Development

How to Evolve Ant Design Forms: Adding Dynamic Code Fields and Copy Functionality

This article walks through the iterative design of an Ant Design form component, starting with a simple name field, then adding a randomly generated code field, making it editable, and finally implementing a copyable code input with reusable prefix‑text and suffix‑icon components, while comparing implementation approaches.

FormReActant-design
0 likes · 13 min read
How to Evolve Ant Design Forms: Adding Dynamic Code Fields and Copy Functionality
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 1, 2024 · Frontend Development

Resolving Large Number Precision Issues in Ant Design Table Selection Popup

During a daily stand‑up, a team member struggled with a bug where a data‑selection modal using Ant Design's Table failed to display selected rows correctly due to large numeric IDs losing precision in JavaScript, and the issue was resolved by preventing automatic JSON parsing of 16‑digit strings.

JSON.parseant-designfrontend debugging
0 likes · 5 min read
Resolving Large Number Precision Issues in Ant Design Table Selection Popup
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 11, 2024 · Frontend Development

Ant Design Theme Customization: From Less Variables to CSS‑in‑JS and Performance Strategies

This article examines the evolution of Ant Design's theming—from the less‑based Antd 4.x approach to the CSS‑in‑JS design‑token system in Antd 5.x—analyzes the performance trade‑offs of CSS‑in‑JS, and presents the official antd‑style solution for high‑performance, extensible, and compatible style overrides.

CSS-in-JSTheme customizationant-design
0 likes · 18 min read
Ant Design Theme Customization: From Less Variables to CSS‑in‑JS and Performance Strategies
政采云技术
政采云技术
Dec 21, 2023 · Frontend Development

Understanding Controlled and Uncontrolled Forms in React: Ant Design, Hooks, and React‑Hook‑Form

This article explains the concepts, use‑cases, and performance trade‑offs of controlled versus uncontrolled forms in React, demonstrates how Ant Design 3 and 4 implement form handling with HOC or Context + hooks, and introduces the lightweight, non‑controlled approach of react‑hook‑form with practical code examples.

ControlledFormsHooks
0 likes · 12 min read
Understanding Controlled and Uncontrolled Forms in React: Ant Design, Hooks, and React‑Hook‑Form
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 7, 2023 · Frontend Development

Custom Ant Design Select Component with Integrated Table and Dumi Documentation Guide

This article explains how to create custom Ant Design select components that display additional information via integrated tables, covering form implementation, basic and advanced versions with infinite scrolling, handling Ant Design bugs, and documenting the components using Dumi, complete with code examples.

Custom SelectDocumentationFrontend
0 likes · 26 min read
Custom Ant Design Select Component with Integrated Table and Dumi Documentation Guide
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 8, 2023 · Frontend Development

Best Practices for Ant Design Forms, Dynamic Form Handling, and Component Organization in React

This article reviews practical guidelines for building maintainable Ant Design forms in React, covering layout strategies, dynamic form techniques, component encapsulation, table and tab implementations, CSS styling conventions, architecture considerations, and custom hooks to improve code quality and developer productivity.

Dynamic FormFormJavaScript
0 likes · 17 min read
Best Practices for Ant Design Forms, Dynamic Form Handling, and Component Organization in React
Alipay Experience Technology
Alipay Experience Technology
May 4, 2023 · Frontend Development

Why Ant Design 5.0’s New Design Principles Boost Productivity and Aesthetics

The article reviews Ant Design 5.0’s redesign, explaining how its focus on clearer visuals, reduced distractions, and a relaxed feel—through updated color palettes, larger interaction zones, and a flexible corner‑radius algorithm—enhances user efficiency and creates a more pleasant virtual office experience.

UI designant-designdesign system
0 likes · 9 min read
Why Ant Design 5.0’s New Design Principles Boost Productivity and Aesthetics
Alipay Experience Technology
Alipay Experience Technology
Feb 14, 2023 · Frontend Development

Mastering Dynamic Themes in Ant Design V5: From Global Algorithms to Local Customizations

Ant Design V5’s CSS‑in‑JS architecture enables powerful dynamic theming, allowing developers and designers to implement global theme algorithms, partial theme overrides, component‑level styling, and seamless multi‑theme compositions, illustrated with real‑world applications, code snippets, and visual comparisons across light and dark modes.

CSS-in-JSDynamic ThemingReAct
0 likes · 13 min read
Mastering Dynamic Themes in Ant Design V5: From Global Algorithms to Local Customizations
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 22, 2022 · Frontend Development

Building a Management Backend with Ant Design 5, React 18, Vite, and TypeScript

This article explains why Ant Design 5 is preferred over MUI, then walks through configuring Vite and tsconfig, creating login and home pages, designing a recursive routing system, implementing lazy loading, menu generation, route listening hooks, tab management with KeepAlive, theme customization, and dynamic routing with React Router 6.4.3 for a full‑featured admin dashboard.

FrontendMobXReAct
0 likes · 17 min read
Building a Management Backend with Ant Design 5, React 18, Vite, and TypeScript
政采云技术
政采云技术
Jul 12, 2022 · Frontend Development

Configurable Form Data Design for React/Ant Design Projects

This article introduces a lightweight, configuration‑driven approach to building form fields in React using Ant Design, showing how to replace repetitive FormItem code with a declarative schema, handle edit/detail modes, render different component types, and apply common validation rules.

Form ConfigurationReActUI components
0 likes · 12 min read
Configurable Form Data Design for React/Ant Design Projects
Alipay Experience Technology
Alipay Experience Technology
May 10, 2022 · Frontend Development

Why Is Ant Design’s Table So Slow? Exploring Memoization, Virtualization, and Cell Updates

This article examines why Ant Design’s Table component often feels sluggish, covering historical design choices, memoization pitfalls with external state, the challenges of virtual scrolling for editable tables, and how the shouldCellUpdate and onCell APIs provide finer‑grained rendering control.

ReActTableVirtualization
0 likes · 9 min read
Why Is Ant Design’s Table So Slow? Exploring Memoization, Virtualization, and Cell Updates
Laiye Technology Team
Laiye Technology Team
Apr 15, 2022 · Frontend Development

Improving Maintainability of an Ant Design‑Based Component Library with HoC, Dumi, and Monorepo

This article describes how a company refactored its Ant Design‑based React component library by standardizing on higher‑order component wrappers, adopting the dumi documentation tool, and organizing the codebase with a Lerna‑Yarn monorepo, resulting in significantly improved maintainability and developer efficiency.

HOCMonorepoReAct
0 likes · 9 min read
Improving Maintainability of an Ant Design‑Based Component Library with HoC, Dumi, and Monorepo
政采云技术
政采云技术
Jul 13, 2021 · Frontend Development

Understanding rc-form: Internals, APIs, and Usage in React Forms

This article provides a comprehensive overview of rc-form, a React library used by Ant Design to manage form state, validation, and data collection, explaining why it is needed, its core APIs, practical usage examples, and a deep dive into its internal implementation.

FormReActValidation
0 likes · 19 min read
Understanding rc-form: Internals, APIs, and Usage in React Forms
ByteFE
ByteFE
Mar 22, 2021 · Frontend Development

Table Virtualization Practices in React Ant Design: Approaches and Lessons

This article examines the challenges of virtualizing large Ant Design tables in a React+Umi stack, outlines three internal implementation strategies, discusses common pitfalls such as blank flicker and column fixing, and recommends open‑source alternatives for efficient table rendering.

Frontend PerformanceReActTable Virtualization
0 likes · 13 min read
Table Virtualization Practices in React Ant Design: Approaches and Lessons
AntTech
AntTech
Jan 29, 2021 · Frontend Development

Invisible Design System: Ant Design’s Engineering Approach to Design Asset Management

This article introduces Ant Design’s Invisible Design System, explaining how design asset management and engineering rules (ETCG) are explored to create unified, hidden guidelines that improve component consistency, workflow efficiency, and collaboration, and outlines the open‑source plan, Kitchen tool, and community initiatives for frontend development.

Design Opsant-designcomponent library
0 likes · 14 min read
Invisible Design System: Ant Design’s Engineering Approach to Design Asset Management
Alibaba Terminal Technology
Alibaba Terminal Technology
Oct 30, 2020 · Frontend Development

Why “Happy Work” Is the Core Assumption Behind Ant Design 4.0

In this talk, Lin Wai, senior experience design expert at Ant Group, explains how Ant Design 4.0 is built on the fundamental assumption that every person seeks happy work, explores the challenges of mismatched skill‑challenge balance in the digital age, and introduces the ETCG 2.0 methodology that makes design more natural, certain, and growth‑oriented.

Frontendant-designdesign methodology
0 likes · 16 min read
Why “Happy Work” Is the Core Assumption Behind Ant Design 4.0
AntTech
AntTech
Oct 28, 2020 · Frontend Development

Ant Design 4.0: Design Philosophy of Happy Work and the ETCG 2.0 Methodology

The talk explains Ant Design's core assumption that everyone seeks happy work, outlines its four design values, introduces the ETCG 2.0 methodology for consistent component design, and discusses how natural, deterministic interactions can make digital products feel more intuitive and enjoyable.

ETCGant-designcomponent library
0 likes · 14 min read
Ant Design 4.0: Design Philosophy of Happy Work and the ETCG 2.0 Methodology
Fulu Network R&D Team
Fulu Network R&D Team
Oct 22, 2020 · Frontend Development

Frontend Technology Stack and Project Structure Guide for React‑Based Merchant Applications

This article introduces the essential frontend technology stack—including React, Webpack, Ant Design, DVA, ES6, and Axios—explains the typical project directory layout, walks through source code organization, and provides practical steps and tips for building merchant‑side applications with a React‑DVA architecture.

DVAFrontendReAct
0 likes · 15 min read
Frontend Technology Stack and Project Structure Guide for React‑Based Merchant Applications
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Aug 20, 2020 · Frontend Development

JSON-Based Form Solution for Complex B-end Scenarios in NetEase Cloud Music

NetEase Cloud Music’s frontend team created a JSON‑based form framework that extends Ant Design, offering async validation with error and warning states, reverse‑listener field linking, four exclusive form modes, flexible option loading, and performance‑optimized core‑render separation for complex B‑end applications.

B-end ApplicationForm LinkageForm Validation
0 likes · 12 min read
JSON-Based Form Solution for Complex B-end Scenarios in NetEase Cloud Music
AntTech
AntTech
Mar 11, 2020 · Frontend Development

Ant Design 4.0 Release: Major Updates, Ecosystem Overview, Technical Challenges, and Community Contributions

The interview with Ant Design core author Jiang Jilin details the major 4.0 updates such as dark theme, borderless components, RTL support, performance‑focused component rewrites, the expanding ecosystem, design‑development workflow, TypeScript integration, community contributions, and future roadmap for the popular React UI library.

ReActTypeScriptUI components
0 likes · 10 min read
Ant Design 4.0 Release: Major Updates, Ecosystem Overview, Technical Challenges, and Community Contributions
AntTech
AntTech
Mar 3, 2020 · Frontend Development

Ant Design 4.0 Release and the Philosophy of Happy Work: Design Principles and Natural Interaction

The article announces Ant Design 4.0, outlines its new design specifications, component rewrites, and reduced bundle size, then delves into the underlying philosophy of "happy work" by presenting core design assumptions, value propositions, and the shift from traditional WIMP interfaces toward more natural, proactive user interactions.

Design PrinciplesWIMPant-design
0 likes · 14 min read
Ant Design 4.0 Release and the Philosophy of Happy Work: Design Principles and Natural Interaction
Python Programming Learning Circle
Python Programming Learning Circle
Nov 7, 2019 · Product Management

Tech Pulse: GitLab Ban, Huawei R&D Surge, New DLang, VS Online & More

A roundup of recent tech developments covering GitLab's hiring restrictions on Chinese staff, Huawei's massive R&D investment, the D language 2.089.0 release, Visual Studio Online launch, Ant Design and Electron updates, Edge Chromium preview, Tencent's facial payment initiative, and notable corporate moves by Microsoft Japan, Samsung, and others.

DLangEdgeElectron
0 likes · 8 min read
Tech Pulse: GitLab Ban, Huawei R&D Surge, New DLang, VS Online & More
21CTO
21CTO
Dec 25, 2018 · Frontend Development

Why Ant Design’s Christmas Easter Egg Triggered a Developer Outcry

During the holiday season, developers and product managers were startled by an unexpected "Christmas" Easter egg in Ant Design, sparking debates over responsibility, corporate impact, and the risks of undisclosed code changes in widely used open‑source UI libraries.

Frontendant-designdeveloper experience
0 likes · 8 min read
Why Ant Design’s Christmas Easter Egg Triggered a Developer Outcry
HomeTech
HomeTech
Oct 23, 2018 · Frontend Development

Migrating a React + Ant Design + MobX Project from JavaScript to TypeScript

This article explains a step‑by‑step method for converting a React project that uses Ant Design and MobX from plain JavaScript to a fully typed TypeScript codebase, covering project scaffolding, file migration, configuration adjustments, global variable handling, API typing, store integration, and Sass updates.

MobXReActTypeScript
0 likes · 11 min read
Migrating a React + Ant Design + MobX Project from JavaScript to TypeScript
Yuewen Frontend Team
Yuewen Frontend Team
Jun 26, 2018 · Frontend Development

Why 16px Should Be the Default Font Size for Front‑End Design

The article explores how front‑end typography standards—covering base font size, font‑scale formulas, and line‑height rules—can be derived from visual ergonomics, mathematical ratios, and practical engineering constraints, ultimately recommending 16 px as the optimal base size and a line‑height of font‑size + 8.

CSSDesign GuidelinesFrontend
0 likes · 17 min read
Why 16px Should Be the Default Font Size for Front‑End Design
AntTech
AntTech
Jan 9, 2018 · Frontend Development

Ant Design 3.0: The Story Behind the Design System and Its Principles

The article recounts the first Ant Financial SEE Conf 2018, then details the conception, mathematical foundations, and practical implementation of Ant Design 3.0's design system—including design language, assets, typography, layout, and color—aimed at improving efficiency, consistency, and user experience for enterprise products.

FrontendTypographyUI
0 likes · 22 min read
Ant Design 3.0: The Story Behind the Design System and Its Principles