Component Reuse

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.

ArkTSComponent ReuseHarmonyOS

0 likes · 17 min read

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

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.

Component Reusearchitecturefrontend

0 likes · 18 min read

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

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.

ArkTSCComponent Reuse

0 likes · 19 min read

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

Rare Earth Juejin Tech Community

Feb 14, 2024 · Frontend Development

React Custom Hooks: Definition, Usage, Design Principles, and Applications

This article explains what React custom hooks are, how to define and use them, outlines design principles, discusses performance optimizations, and provides practical examples such as form validation and component communication, all aimed at improving code reuse and maintainability.

Component ReuseCustom HooksFrontend Development

0 likes · 26 min read

React Custom Hooks: Definition, Usage, Design Principles, and Applications

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 developmentComponent ReuseFrontend Development

0 likes · 13 min read

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

Rare Earth Juejin Tech Community

Nov 18, 2022 · Mobile Development

Implementing Edit Functionality and Component Reuse in a SwiftUI LinkWorld App

This article walks through the design and implementation of an edit screen for the LinkWorld iOS app, showing how to refactor shared UI parts into reusable SwiftUI components, bind them to a data model, and handle navigation, modal presentation, and update logic using a view‑model.

Component ReuseData BindingEdit View

0 likes · 13 min read

Implementing Edit Functionality and Component Reuse in a SwiftUI LinkWorld App

政采云技术

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 ManagementComponent ReuseData Source

0 likes · 11 min read

Data Source Design in a Visualization Building System

转转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.

Component ReuseReactant-design-charts

0 likes · 7 min read

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

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.

Component ReuseReact Nativearchitecture

0 likes · 15 min read

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

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.

Component ReuseFrontend DevelopmentReact

0 likes · 10 min read

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

37 Mobile Game Tech Team

Jan 29, 2021 · Frontend Development

Master Vue.js Mixins: Reuse Code and Simplify Component Logic

This article explains what Vue.js mixins are, how they merge component options, demonstrates their behavior with code examples, and shows practical use cases such as shared download logic to reduce redundancy across multiple components.

Component ReuseFrontend DevelopmentMixin

0 likes · 11 min read

Master Vue.js Mixins: Reuse Code and Simplify Component Logic

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.

Component ReuseVuedeployment

0 likes · 16 min read

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