Official account of ByteDance Advertising Frontend Team
This article provides a comprehensive beginner-friendly guide to Babel, covering its definition as a JavaScript compiler, the parse‑transform‑generate workflow, AST concepts, core packages, plugin and preset classifications, configuration details, and step‑by‑step usage examples with code snippets.
This article explains the SWR library—a lightweight React hook that implements the stale‑while‑revalidate caching strategy—covering its core concepts, basic usage, advanced features like global configuration and middleware, and an overview of its internal implementation.
This article introduces the Rust programming language, explains its design principles such as memory safety, ownership, and zero‑cost abstractions, compares it with C++ and JavaScript, and provides practical advice, code examples, and insights on when and how to start learning Rust.
This article introduces the fundamentals of 2D drawing on the web using SVG, Canvas, and WebGL, compares their strengths, demonstrates code examples for shapes and paths, explains event handling and picking methods, and provides practical performance optimization strategies for rendering and interaction.
This article explains how Recoil implements asynchronous data streams, detailing the underlying data‑flow architecture, the role of atoms and selectors, the lifecycle of async loading states, and two approaches for handling loading—manual useRecoilValueLoadable and automatic React.Suspense integration—accompanied by illustrative code examples.
The article introduces Event Collector, a markup‑based web event tracking framework that replaces imperative tracking with data attributes or React components, explains its technical implementation, management tools, monorepo organization, release workflow, and React coding conventions to improve development efficiency and data analysis.
This article provides a comprehensive overview of Vite, covering its definition, advantages over traditional bundlers like Webpack and Snowpack, the underlying ESM‑based development server, hot‑module replacement mechanisms, esbuild pre‑bundling, Rollup integration, plugin architecture, and a balanced summary of its strengths and limitations.
This article introduces the essential concepts and step‑by‑step implementation of 2D and 3D graphics rendering on the web, covering viewport transformation, triangle rasterization, anti‑aliasing, interpolation, camera setup, perspective projection, and depth testing using HTML5 Canvas and JavaScript.
This article analyzes a puzzling case where coupons appeared to be redeemed automatically in a mobile app, tracing the issue to Android's activity rebirth mechanism, explaining the lifecycle, memory reclamation, state saving, and presenting a robust fix to prevent the bug.
This article explains how to design, build, and publish reusable module packages—including shared configuration libraries, UI component libraries, and native language modules—within a monorepo, covering package.json configuration, multiple entry formats (ESM, CJS, UMD), tooling choices, and publishing workflows for both frontend and Node.js projects.
