Tagged articles
5 articles
Page 1 of 1
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.

Ant DesignCustom SelectDocumentation
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 9, 2023 · Frontend Development

Comprehensive Guide to Building a React Component and Utility Library with dumi2 (Setup, Development, Testing, and Deployment)

This article provides a step‑by‑step tutorial on using dumi2 to create a React component and function library, covering project initialization, component and style development, documentation generation, Jest unit testing, Ant Design integration, utility functions, test optimization, and final packaging and deployment to both a static site and npm.

Component LibraryDocumentationJest
0 likes · 27 min read
Comprehensive Guide to Building a React Component and Utility Library with dumi2 (Setup, Development, Testing, and Deployment)
Alipay Experience Technology
Alipay Experience Technology
May 27, 2022 · Frontend Development

From Student Club to Ant Financial: Building dumi and Shaping Modern Frontend Tools

An inspiring journey traces a developer’s evolution from a rigorous university computer club to leading frontend tooling at Ant Financial, detailing challenges, early adoption of AngularJS, Vue.js, hybrid apps, the creation of father‑doc (later dumi), and the broader impact on component ecosystems and design engineering.

Ant FinancialUmicareer story
0 likes · 11 min read
From Student Club to Ant Financial: Building dumi and Shaping Modern Frontend Tools
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.

Ant DesignComponent LibraryHOC
0 likes · 9 min read
Improving Maintainability of an Ant Design‑Based Component Library with HoC, Dumi, and Monorepo
Beike Product & Technology
Beike Product & Technology
Feb 23, 2021 · Frontend Development

Using Dumi for Component Library Development and Documentation

This article introduces Dumi, a tool that combines component library project scaffolding with static documentation site generation, explains its three project modes, code structure, MDX-based documentation editing, on‑demand loading, build configurations, workflow commands, and publishing steps for frontend developers.

Component LibraryDocumentationMDX
0 likes · 10 min read
Using Dumi for Component Library Development and Documentation