Author

ByteDance ADFE Team

Official account of ByteDance Advertising Frontend Team

Articles

Likes

Views

Comments

Latest from ByteDance ADFE Team

32 recent articles

ByteDance ADFE Team

Dec 30, 2021 · Frontend Development

Understanding Immer.js: Immutable Data Handling in JavaScript and React

Immer.js, created by the author of MobX, provides a lightweight immutable data library for JavaScript using ES6 proxies, offering simple APIs and seamless integration with React’s state management, while comparing its concepts, implementation details, and trade‑offs against Immutable.js and manual cloning techniques.

Immer.jsImmutable DataJavaScript

0 likes · 18 min read

Understanding Immer.js: Immutable Data Handling in JavaScript and React

ByteDance ADFE Team

Dec 17, 2021 · Blockchain

Understanding NFTs: Concepts, Blockchain Foundations, and ERC‑721 Smart Contracts

This article explains what NFTs are, how non‑fungible tokens differ from fungible assets, the underlying blockchain technology including Bitcoin and Ethereum, and demonstrates the ERC‑721 smart‑contract interface that enables unique digital ownership.

BlockchainDigital AssetsERC-721

0 likes · 19 min read

Understanding NFTs: Concepts, Blockchain Foundations, and ERC‑721 Smart Contracts

ByteDance ADFE Team

Nov 10, 2021 · Frontend Development

wlb-webpack-plugin: Injecting Anti‑Overwork and Code‑Addiction Logic into Webpack Builds

This article introduces the wlb-webpack-plugin, explains its purpose of automatically injecting anti‑overwork and code‑addiction messages into Webpack bundles during non‑working hours, details its four core features, configuration options, and provides complete source code examples for implementation.

FrontendWebpackplugin

0 likes · 9 min read

wlb-webpack-plugin: Injecting Anti‑Overwork and Code‑Addiction Logic into Webpack Builds

ByteDance ADFE Team

Oct 14, 2021 · Fundamentals

Understanding WebRTC: Architecture, NAT Traversal, and a Complete Demo

This article explains WebRTC fundamentals, compares it with WebSocket, describes SDP, ICE, STUN/TURN NAT traversal, and provides full server‑side and client‑side JavaScript code to build a peer‑to‑peer video conferencing demo.

ICEJavaScriptSTUN

0 likes · 16 min read

Understanding WebRTC: Architecture, NAT Traversal, and a Complete Demo

ByteDance ADFE Team

Oct 12, 2021 · Fundamentals

Designing for Failure: Principles, Organizational Practices, and Technical Solutions

This article examines why failure is inevitable in software systems, proposes a mindset of failure‑oriented design, outlines organizational roles and processes to mitigate incidents, and presents concrete technical techniques such as distributed locking and traffic shaping to build resilient, high‑availability services.

distributed systemsfailure designhigh availability

0 likes · 25 min read

Designing for Failure: Principles, Organizational Practices, and Technical Solutions

ByteDance ADFE Team

Aug 31, 2021 · Big Data

Evolution of the Big Data Technology Stack Over the Past Five Years

This article reviews the evolution of big data technologies in the last five years, covering streaming and batch processing frameworks, column‑store NoSQL databases, programming language trends, the cloud‑native multi‑model database Lindorm, and practical Flink/Blink usage with code examples.

Big DataFlinkLindorm

0 likes · 24 min read

Evolution of the Big Data Technology Stack Over the Past Five Years

ByteDance ADFE Team

Aug 25, 2021 · Fundamentals

Understanding V8 JavaScript Engine: Scopes, Execution Contexts, and Runtime Process

This article explains how the V8 engine parses JavaScript source code into an AST, establishes scope rules, creates isolates, handle scopes and contexts, and manages the execution context stack during interpretation and execution, illustrated with detailed code examples and diagrams.

EngineExecutionContextJavaScript

0 likes · 11 min read

Understanding V8 JavaScript Engine: Scopes, Execution Contexts, and Runtime Process

ByteDance ADFE Team

Aug 20, 2021 · Frontend Development

Introducing broken-css: A Zero‑Runtime Atomic CSS‑in‑JS Solution

The article explains broken-css, a zero‑runtime, atomic CSS‑in‑JS library inspired by linaria and stylex, detailing its design, installation, API, compilation process, support for pseudo‑classes, @‑rules, CSS variables, and integration with webpack and VSCode, while also providing code examples and performance benefits.

CSS-in-JSLinariaStyleX

0 likes · 11 min read

Introducing broken-css: A Zero‑Runtime Atomic CSS‑in‑JS Solution

ByteDance ADFE Team

Aug 11, 2021 · Fundamentals

Screen Fundamentals and Flutter UI System Architecture

This article explains the basic concepts of screen pixels, resolution, DPI, and display principles, then details Flutter's UI system architecture—including the Embedder, Engine, and Framework layers—and describes how Flutter renders UI through a three‑tree structure and a synchronized drawing pipeline.

FundamentalsRenderingUI

0 likes · 14 min read

Screen Fundamentals and Flutter UI System Architecture

ByteDance ADFE Team

Jul 30, 2021 · Backend Development

Building a Large File Chunked Upload Library in TypeScript (easy-file-uploader)

This article explains the technical details of large file chunked uploading, walks through designing a custom TypeScript library for both server and client sides, provides step‑by‑step implementation code, and demonstrates a complete Koa‑React demo, offering developers a ready‑to‑use solution for efficient large file transfers.

KoaNode.jsReact

0 likes · 26 min read

Building a Large File Chunked Upload Library in TypeScript (easy-file-uploader)