Tagged articles
19 articles
Page 1 of 1
DeWu Technology
DeWu Technology
Apr 13, 2026 · Artificial Intelligence

How to Turn AI into a Structured Component‑Reuse Assistant: A Three‑Layer Skill Architecture

This article explains why a dedicated AI skill is needed to enforce component‑reuse discipline in a monorepo, outlines a three‑layer design (AGENTS.md, Hook, Skill), and details the implementation of a unified entry point, weighted matching, index pipelines, and feedback loops that together make AI decisions reliable and repeatable.

AIMonorepoSkill Architecture
0 likes · 13 min read
How to Turn AI into a Structured Component‑Reuse Assistant: A Three‑Layer Skill Architecture
DaTaobao Tech
DaTaobao Tech
Nov 24, 2025 · Frontend Development

How Spec‑Driven AI Collaboration Solves Front‑End Component Reuse Challenges

The article examines the difficulties of traditional front‑end component reuse, proposes a spec‑driven AI collaboration model that shifts from code reuse to specification reuse, and demonstrates the approach with a detailed Bottom component case study, including design principles, architecture, code snippets, and practical benefits.

AI code generationTypeScriptcomponent reuse
0 likes · 31 min read
How Spec‑Driven AI Collaboration Solves Front‑End Component Reuse Challenges
JD Tech
JD Tech
Oct 19, 2024 · Mobile Development

HarmonyOS Long List Rendering Solutions: ForEach, LazyForEach, CacheCount, and Component Reuse

This article explains HarmonyOS long‑list rendering techniques, comparing the one‑time ForEach approach with the on‑demand LazyForEach method, and detailing cacheCount and @Reusable component reuse strategies, migration challenges from iOS/Android, ArkTS and C‑API implementations, and performance test results.

HarmonyOSLazyForEachLong List
0 likes · 17 min read
HarmonyOS Long List Rendering Solutions: ForEach, LazyForEach, CacheCount, and Component Reuse
DaTaobao Tech
DaTaobao Tech
Sep 27, 2024 · Frontend Development

Scalable Front-End Architecture for Marketing Tools: Component Reuse and Micro‑Frontend Design

To meet soaring marketing‑tool demand with limited front‑end staff, the team built a three‑layer, micro‑frontend architecture—page container, scenario template, and business customization—augmented by a plugin‑style micro‑kernel, enabling over 50 % faster development, consistent UI, and configurable blocks, while acknowledging added complexity and performance trade‑offs.

ScalabilityWeb Developmentarchitecture
0 likes · 18 min read
Scalable Front-End Architecture for Marketing Tools: Component Reuse and Micro‑Frontend Design
JD Tech Talk
JD Tech Talk
Sep 24, 2024 · Frontend Development

Optimizing Long List Rendering on HarmonyOS: ArkTS and C++ Solutions

This article examines the challenges of rendering long lists on HarmonyOS across iOS, Android, and Web platforms, explains the ForEach and LazyForEach mechanisms, and presents practical ArkTS and C++ solutions—including cacheCount, component reuse, and performance optimizations—to achieve smoother UI and lower memory usage.

C++HarmonyOSLazyForEach
0 likes · 19 min read
Optimizing Long List Rendering on HarmonyOS: ArkTS and C++ Solutions
JD Cloud Developers
JD Cloud Developers
Sep 24, 2024 · Mobile Development

How to Supercharge Long List Rendering on HarmonyOS with LazyForEach and Reuse

This article explains HarmonyOS long‑list rendering challenges and presents practical ArkTS and C++ solutions—including LazyForEach, CacheCount, and @Reusable component reuse—to dramatically improve performance, reduce memory usage, and eliminate frame drops across iOS, Android, and HarmonyOS platforms.

CacheCountHarmonyOSLazyForEach
0 likes · 15 min read
How to Supercharge Long List Rendering on HarmonyOS with LazyForEach and Reuse
High Availability Architecture
High Availability Architecture
Sep 12, 2023 · Frontend Development

AI‑Driven Development (AIDD) of a WeChat Mini‑Program Frontend

The article describes how the author used ChatGPT to generate over 5,000 lines of code for a WeChat mini‑program community app, outlining the AI‑Driven Development (AIDD) workflow, detailed login and post‑list module implementations, multiple iteration cycles, code snippets, and reflections on efficiency and reuse.

AI-driven developmentCode GenerationPrompt engineering
0 likes · 13 min read
AI‑Driven Development (AIDD) of a WeChat Mini‑Program Frontend
政采云技术
政采云技术
Jul 19, 2022 · Frontend Development

Data Source Design in a Visualization Building System

This article explains how introducing a data source layer in a visualization building system reduces repetitive component configuration, improves reuse, and empowers non‑developers to create and manage APIs for dynamic UI assembly.

API ManagementData Sourcecomponent reuse
0 likes · 11 min read
Data Source Design in a Visualization Building System
转转QA
转转QA
May 26, 2022 · Frontend Development

Frontend Refactoring of a Metrics System: Reducing Development Cost with Unified Chart and Table Components

This article describes how a metrics dashboard was refactored by standardizing chart and table data formats, leveraging Ant Design Charts, and building reusable React components such as ChartCardList and RankTable, thereby minimizing front‑end development effort and enabling rapid addition of new visualizations.

Code OptimizationData visualizationReact
0 likes · 7 min read
Frontend Refactoring of a Metrics System: Reducing Development Cost with Unified Chart and Table Components
Alibaba Terminal Technology
Alibaba Terminal Technology
Sep 1, 2021 · Mobile Development

Unlocking Faster Mobile UI with Fish-Redux 2.0’s Dynamic FlowAdapter

This article explains how Fish-Redux has been adopted across Xianyu’s core mobile flows, the limitations of its original static and dynamic adapters, and the architectural evolution that led to a unified FlowAdapter delivering dynamic page composition, component reuse, AB testing and improved developer productivity.

AB testingDynamic AdapterFish Redux
0 likes · 10 min read
Unlocking Faster Mobile UI with Fish-Redux 2.0’s Dynamic FlowAdapter
JD Retail Technology
JD Retail Technology
Jul 21, 2021 · Frontend Development

Frontend Architecture, Component Reuse, and Automation Strategies in JD Family Account Project

This article details the evolution of JD's Family Account frontend project, covering multi‑platform technical selection, React Native‑based architecture, three‑level component reuse, automation scripts for Redux, interface fault‑tolerance mechanisms, and future plans for broader data services and SDK support.

AutomationReact Nativearchitecture
0 likes · 15 min read
Frontend Architecture, Component Reuse, and Automation Strategies in JD Family Account Project
iQIYI Technical Product Team
iQIYI Technical Product Team
Apr 30, 2021 · Frontend Development

Low-Code Development: Market Trends and iQIYI Activity Platform Practice

China’s low‑code market, valued at CNY 1.9 billion in 2020 and projected to hit a hundred‑billion by 2024, is booming as enterprises like iQIYI adopt visual development platforms that abstract reusable components, accelerate activity page creation, and address integration, modularity, and business‑driven platform design challenges.

ReactSoftware Engineeringactivity platform
0 likes · 10 min read
Low-Code Development: Market Trends and iQIYI Activity Platform Practice
Alibaba Cloud Developer
Alibaba Cloud Developer
Apr 19, 2021 · Backend Development

How to Build Scalable Business Architecture: Standards, Reuse, and Continuous Refactoring

This article examines common pain points in building and maintaining business applications, proposes a design specification that standardizes technical details, encourages component reuse, promotes continuous refactoring, and introduces a service orchestration engine to streamline complex workflow integration.

Backend DevelopmentService OrchestrationSoftware Architecture
0 likes · 15 min read
How to Build Scalable Business Architecture: Standards, Reuse, and Continuous Refactoring
21CTO
21CTO
Feb 6, 2021 · Fundamentals

Why Are Reusable Components So Hard? A FP vs OO FizzBuzz Experiment

The article explores why building truly reusable components is challenging by comparing a concise functional F# implementation of FizzBuzz with a more verbose object‑oriented C# version, highlighting how language paradigms and design assumptions affect modularity, coupling, and extensibility.

CF#component reuse
0 likes · 11 min read
Why Are Reusable Components So Hard? A FP vs OO FizzBuzz Experiment
58 Tech
58 Tech
Sep 18, 2020 · Frontend Development

Micro‑Frontend Architecture with Vue: Concepts, Scenarios, and Implementation Guide

This article introduces the micro‑frontend concept, outlines its characteristics and suitable scenarios, and provides a detailed Vue‑based implementation covering runtime, deployment, development modes, code snippets, reuse layers, and best‑practice recommendations for large‑scale front‑end projects.

DeploymentDevOpsFrontend Architecture
0 likes · 16 min read
Micro‑Frontend Architecture with Vue: Concepts, Scenarios, and Implementation Guide
QQ Music Frontend Team
QQ Music Frontend Team
Nov 9, 2019 · Frontend Development

5 Ways to Reuse and Extend React Component State Logic

This article explains five approaches—Mixins, Class Inheritance, Higher‑Order Components, Render Props, and Hooks—for reusing and extending state logic in React components, comparing their advantages, drawbacks, and providing code examples to illustrate each method.

Higher-Order ComponentReactRender Props
0 likes · 11 min read
5 Ways to Reuse and Extend React Component State Logic