dumi | BestHub

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 SelectFrontendReact

0 likes · 26 min read

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

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.

ReactTypeScriptcomponent library

0 likes · 27 min read

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

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.

Frontend DevelopmentHOCMonorepo

0 likes · 9 min read

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

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.

FrontendMDXbuild

0 likes · 10 min read

Using Dumi for Component Library Development and Documentation