BestHub
Sign in
Tagged articles
13 articles
Page 1 of 1
Sohu Tech Products
Sohu Tech Products
Apr 9, 2025 · Frontend Development

React Compound Components Pattern: A Complete Guide

The article introduces the React Compound Components pattern, showing how a parent component with shared Context can expose reusable child parts—like Title, FormInputs, and SubmitButtons—so the same logic can be flexibly arranged in different layouts such as full‑page or modal, improving reuse, readability, and maintainability.

Component Design PatternCompound ComponentsJavaScript
0 likes · 11 min read
React Compound Components Pattern: A Complete Guide
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 1, 2024 · Frontend Development

Deep Dive into a React Draggable Floating Ball Component

This article provides a comprehensive technical walkthrough of building an advanced draggable floating‑ball UI component in React, covering drag handling with react‑draggable, boundary calculations, edge‑snapping, circular menu creation via CSS transforms, right‑click context menus, and app‑switching logic, all illustrated with code snippets and visual examples.

CSS transformsContext MenuReact
0 likes · 10 min read
Deep Dive into a React Draggable Floating Ball Component
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 24, 2024 · Frontend Development

Implementing a Smooth Collapsible Panel (Accordion) in Vue Without Third‑Party UI Libraries

This article demonstrates how to build a responsive, animated collapsible side‑menu panel in Vue by using plain HTML, CSS transitions, Vue's transition component, dynamic class bindings, and a few lines of JavaScript to control height, offering a lightweight alternative to third‑party UI libraries.

AccordionCSS TransitionUI Component
0 likes · 8 min read
Implementing a Smooth Collapsible Panel (Accordion) in Vue Without Third‑Party UI Libraries
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 26, 2024 · Mobile Development

Building a Customizable Pie Chart Component with Jetpack Compose

This article demonstrates how to build a customizable pie chart component in Jetpack Compose, covering data preparation, drawing solid and ring styles, adding animated transitions, configuring description positions, and supporting multiple dimensions with a grid layout, providing complete Kotlin code examples.

AndroidJetpack ComposeKotlin
0 likes · 9 min read
Building a Customizable Pie Chart Component with Jetpack Compose
ByteFE
ByteFE
Oct 23, 2023 · Frontend Development

Master High‑Performance Data Tables with VTable: A Quick‑Start Guide

This guide introduces VTable, an open‑source high‑performance table component built on VRender, covering installation via npm or CDN, basic usage, table types, cell rendering options, interaction features, theming, and performance characteristics for modern web applications.

Data TableJavaScriptUI Component
0 likes · 9 min read
Master High‑Performance Data Tables with VTable: A Quick‑Start Guide
JD Retail Technology
JD Retail Technology
Sep 5, 2023 · Frontend Development

Design and Implementation of a Dynamic H5 Navigation Bar Component for Mobile Apps

This document outlines the challenges of native mobile navigation bars, presents the @pango/navigation-bar React component as a high‑performance, low‑cost, and highly customizable solution, details its features, exception handling, installation, configuration, usage examples, and future open‑source plans.

MobileUI Componentnavigation bar
0 likes · 12 min read
Design and Implementation of a Dynamic H5 Navigation Bar Component for Mobile Apps
转转QA
转转QA
Jul 4, 2022 · Frontend Development

Introduction to the Updated Mind Map Component 2.0 in ZZcase Platform V5.0

The article details the release of ZZcase's V5.0 mind‑map component 2.0, highlighting new interaction modes, redesigned UI, customizable themes, right‑click menus, export options, and performance optimizations for SVG rendering to improve user efficiency and scalability.

SVGUI Componentmind map
0 likes · 5 min read
Introduction to the Updated Mind Map Component 2.0 in ZZcase Platform V5.0
58 Tech
58 Tech
Jan 6, 2022 · Mobile Development

Design and Implementation of a Unified Rich Media Animation Control for Android Apps

This document presents the background, objectives, research findings, design principles, API specifications, caching strategy, implementation details, XML usage, memory impact analysis, and conclusions of a unified rich‑media animation component that consolidates image, GIF, Lottie, pager and video handling for efficient reuse in Android RecyclerView lists.

AndroidCacheDesign
0 likes · 11 min read
Design and Implementation of a Unified Rich Media Animation Control for Android Apps
Huawei Cloud Developer Alliance
Huawei Cloud Developer Alliance
May 27, 2020 · Frontend Development

Mastering Quadrant Diagrams in Angular: A Flexible DevUI Component Guide

This article introduces DevUI’s fully configurable quadrant diagram component for Angular, detailing its features such as draggable labels, three display modes, customizable styles, comprehensive configuration interfaces, axis settings, and drag‑and‑drop integration, along with code examples for quick implementation.

AngularData visualizationQuadrant Diagram
0 likes · 9 min read
Mastering Quadrant Diagrams in Angular: A Flexible DevUI Component Guide
Baidu App Technology
Baidu App Technology
Oct 15, 2019 · Mobile Development

Multi-Child View Nested Scrolling Solution in Baidu App

Baidu App replaced its original two‑view nested‑scrolling setup with a flexible, component‑based solution that leverages Android’s NestedScrolling API to coordinate any number of child views—via ILinkageScroll, LinkageScrollHandler and ChildLinkageEvent—handling pre‑scroll, fling, scrollbar aggregation, and a Xiaomi‑specific OverScroller fix, with code available open‑source.

AndroidCustom ViewFling Gesture
0 likes · 15 min read
Multi-Child View Nested Scrolling Solution in Baidu App