antd | BestHub

Sohu Tech Products

Jan 3, 2024 · Frontend Development

Controlled vs Uncontrolled Forms in React: Modern Form Management with Hooks

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.

Form ManagementFormsHooks

0 likes · 9 min read

Controlled vs Uncontrolled Forms in React: Modern Form Management with Hooks

Rare Earth Juejin Tech Community

Jun 19, 2023 · Frontend Development

Problems with Ant Design and Why shadcn/ui (based on radix‑ui) Is a Better Choice

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.

Frontendantdcomponent library

0 likes · 7 min read

Problems with Ant Design and Why shadcn/ui (based on radix‑ui) Is a Better Choice

ByteFE

Apr 20, 2021 · Frontend Development

Implementing a Virtual Scrolling List in Ant Design Modal for Performance Optimization

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.

FrontendOptimizationVirtual Scrolling

0 likes · 14 min read

Implementing a Virtual Scrolling List in Ant Design Modal for Performance Optimization

Fulu Network R&D Team

Jul 6, 2020 · Frontend Development

Antd Icon Reduce Plugin: Design, Implementation, and Usage for Reducing Bundle Size

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.

Webpackantdicon optimization

0 likes · 9 min read

Antd Icon Reduce Plugin: Design, Implementation, and Usage for Reducing Bundle Size

政采云技术

Jan 19, 2020 · Frontend Development

Analysis of Antd Form Implementation Mechanism

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.

FormFrontendValidation

0 likes · 18 min read

Analysis of Antd Form Implementation Mechanism