BestHub
Sign in
ByteFE
Author

ByteFE

Cutting‑edge tech, article sharing, and practical insights from the ByteDance frontend team.

343
Articles
0
Likes
894
Views
0
Comments
Recent Articles

Latest from ByteFE

100 recent articles max
ByteFE
ByteFE
Nov 29, 2023 · Frontend Development

Custom Theme Colors, Gradient Effects, and Advanced Decorations for Data Dashboard Visualizations with VChart

This article demonstrates how to build impressive data dashboards using VChart by configuring scene‑specific theme colors, implementing gradient fills, adding high‑customizable decorative marks and component decorations, and creating rich animation effects, all with detailed code examples and links to live demos.

Data VisualizationTheme CustomizationVChart
0 likes · 17 min read
Custom Theme Colors, Gradient Effects, and Advanced Decorations for Data Dashboard Visualizations with VChart
ByteFE
ByteFE
Nov 22, 2023 · Frontend Development

Introducing Multi‑Dimensional (Pivot) Tables with VTable: Concepts, Configuration, and Business Scenarios

This article explains the fundamentals of multi‑dimensional (pivot) tables, describes core BI concepts such as dimensions, hierarchies, members and indicators, and shows how VTable maps these concepts to configuration options, data analysis features, custom dimension trees, and real‑world use cases.

ConfigurationData VisualizationVTable
0 likes · 11 min read
Introducing Multi‑Dimensional (Pivot) Tables with VTable: Concepts, Configuration, and Business Scenarios
ByteFE
ByteFE
Nov 20, 2023 · Frontend Development

Solving Component Lookup Pain Points in Large React Projects with Chrome Extensions and react-dev-inspector

This article discusses the difficulty of locating source code in a massive React component library and evaluates three solutions—Chrome React Developer Tools, other Chrome plugins, and the react-dev-inspector npm package—providing installation steps, code integration details, advantages, and drawbacks.

Chrome ExtensionComponent NavigationReAct
0 likes · 7 min read
Solving Component Lookup Pain Points in Large React Projects with Chrome Extensions and react-dev-inspector
ByteFE
ByteFE
Nov 8, 2023 · Frontend Development

VChart: A Multi‑Platform, High‑Performance Chart Library for Data Storytelling

VChart is an open‑source, multi‑terminal chart library built on VGrammar and VRender that provides a rich set of 2D and 3D visualizations, high‑performance rendering, extensive animation and interaction capabilities, and flexible layout and theming options for developers across web, mobile and mini‑program environments.

Chart LibraryData VisualizationVChart
0 likes · 14 min read
VChart: A Multi‑Platform, High‑Performance Chart Library for Data Storytelling
ByteFE
ByteFE
Nov 1, 2023 · Frontend Development

Browser Engine Architecture and Rendering Process: From WebKit to Blink

This article explains the core components and rendering pipeline of modern browser engines, compares them with 3D graphics engines, and discusses the evolution of both browser and graphics technologies, providing a comprehensive overview for front‑end and graphics developers.

Rendering PipelineWebCoreWebKit
0 likes · 19 min read
Browser Engine Architecture and Rendering Process: From WebKit to Blink
ByteFE
ByteFE
Oct 25, 2023 · Frontend Development

Design and Implementation of a Frontend Version Upgrade Prompt for B2B Platforms

This article describes a comprehensive solution for notifying B2B web users about outdated frontend versions, covering the problem background, version number generation, trigger conditions, micro‑frontend adaptation, detailed plugin and React component code, integration steps for main and sub‑applications, debugging guidance, and measured user impact.

Notificationfrontendmicrofrontend
0 likes · 16 min read
Design and Implementation of a Frontend Version Upgrade Prompt for B2B Platforms
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 TableJavaScriptPerformance
0 likes · 9 min read
Master High‑Performance Data Tables with VTable: A Quick‑Start Guide
ByteFE
ByteFE
Oct 18, 2023 · Frontend Development

Using React’s Built‑in Features to Handle Loading and Error States with Promises

This article explains how to display loading and error states in React by passing Promise objects through props, context, or state libraries, leveraging Suspense, ErrorBoundary, and custom hooks such as usePromise and use to simplify asynchronous UI patterns while avoiding unnecessary re‑renders and side‑effects.

Error BoundaryLoading StatePromise
0 likes · 13 min read
Using React’s Built‑in Features to Handle Loading and Error States with Promises
ByteFE
ByteFE
Oct 16, 2023 · Frontend Development

Integrating Documate AI Chat into VitePress Documentation Sites

This guide explains how to quickly add AI chat capabilities to a VitePress documentation site using the open‑source Documate tool, covering configuration, UI component integration, backend deployment on AirCode, and necessary code snippets for a fully functional, stream‑enabled conversational interface.

AI chatDocumateOpenAI
0 likes · 8 min read
Integrating Documate AI Chat into VitePress Documentation Sites