Author

ByteDance Web Infra

ByteDance Web Infra team, focused on delivering excellent technical solutions, building an open tech ecosystem, and advancing front-end technology within the company and the industry | The best way to predict the future is to create it

Articles

Likes

454

Views

Comments

Latest from ByteDance Web Infra

97 recent articles

ByteDance Web Infra

May 30, 2022 · Frontend Development

Designing Mutually Exclusive Fields in TypeScript Configurations

This article explains how to model a TypeScript configuration function where fields a and b are mutually exclusive (with an optional foo field), explores several type‑level solutions—including manual exclusive interfaces, function overloads, conditional types, and XOR utilities—and provides practical code examples and references.

ConditionalTypesConfigDesignMutuallyExclusive

0 likes · 8 min read

Designing Mutually Exclusive Fields in TypeScript Configurations

ByteDance Web Infra

May 13, 2022 · Frontend Development

Understanding Tree Shaking, Dead Code Elimination, and Side Effects in JavaScript Bundlers

Tree shaking, a subset of dead‑code elimination based on ES2015 module syntax, removes unused top‑level code, while side‑effect analysis determines which modules can be safely omitted; this article explains the terminology, algorithms, safety vs optimization trade‑offs, and practical debugging steps for modern JavaScript bundlers.

JavaScript bundlersTree-shakingdead code elimination

0 likes · 19 min read

Understanding Tree Shaking, Dead Code Elimination, and Side Effects in JavaScript Bundlers

ByteDance Web Infra

May 9, 2022 · Frontend Development

Web Infra Live Interview – Full Translation on the Future of Frontend and Vercel

This article provides a complete English translation of a 1.5‑hour live interview where Vercel’s Director of Developer Relations discusses the evolution of frontend development, edge networks, rendering strategies such as CSR, SSR, SSG, ISR, RSC, the Vercel platform workflow, and the role of Rust, WebAssembly, and SWC in modern web tooling.

FrontendNext.jsSSR

0 likes · 36 min read

Web Infra Live Interview – Full Translation on the Future of Frontend and Vercel

ByteDance Web Infra

Jan 28, 2022 · Frontend Development

Interview with Ricardo Cabello (mrdoob) on Three.js, WebGL, WebGPU, and Open‑Source Development

In this translated AMA, Three.js creator Ricardo Cabello discusses his journey from the Demoscene to Google, the evolution of Three.js, challenges of open‑source maintenance, performance optimizations, WebGL versus WebGPU, VR/AR prospects, and the future role of web graphics in the metaverse.

ARGraphicsOpen Source

0 likes · 40 min read

Interview with Ricardo Cabello (mrdoob) on Three.js, WebGL, WebGPU, and Open‑Source Development

ByteDance Web Infra

Jan 7, 2022 · Frontend Development

Modern.js: Integrated Full‑Stack Development and Server‑Side Capabilities

This article introduces Modern.js, a ByteDance‑initiated open‑source framework that unifies frontend engineering and server‑side development by offering a minimal core, integrated web server, plugin system, and progressive full‑stack features to simplify routing, rendering, API handling, and deployment for modern web applications.

Full-StackIntegrationServerless

0 likes · 25 min read

Modern.js: Integrated Full‑Stack Development and Server‑Side Capabilities

ByteDance Web Infra

Dec 10, 2021 · Fundamentals

Programming Language Insights, Compiler Design, and Industry Experiences from Web Infra Experts

In this extensive interview, industry veterans Zhao Haiping and Zhang Hongbo discuss the evolution of programming languages, compiler development, language design trade‑offs, and practical experiences across companies like Facebook, Alibaba, and ByteDance, offering valuable guidance for developers and researchers alike.

Compiler designGoTypeScript

0 likes · 67 min read

Programming Language Insights, Compiler Design, and Industry Experiences from Web Infra Experts

ByteDance Web Infra

Dec 8, 2021 · Backend Development

Implementing a Debugging and Diagnostic Platform for Node.js Processes and Threads

This article explains how to build a non‑intrusive debugging and diagnostic platform for Node.js, covering process and thread inspection using the V8 Inspector API, dynamic control via an SDK, multi‑process and multi‑thread handling with Agent processes, and practical usage steps.

InspectorNode.jsdebugging

0 likes · 21 min read

Implementing a Debugging and Diagnostic Platform for Node.js Processes and Threads

ByteDance Web Infra

Dec 3, 2021 · Frontend Development

Understanding Asset Prioritization and Critical Request Optimization for Web Front‑End Performance

The article explains how modern browsers assign priority to assets, defines critical requests that affect Core Web Vitals, and provides practical techniques such as preload, lazy‑loading images, and font‑display to control request ordering and improve page load speed.

Chromeasset prioritycritical request

0 likes · 15 min read

Understanding Asset Prioritization and Critical Request Optimization for Web Front‑End Performance

ByteDance Web Infra

Nov 21, 2021 · Frontend Development

Modern.js Update: Windows Platform Support and Out‑of‑the‑Box Deployment Features

The latest Modern.js release adds Windows platform support, provides ready‑to‑use deployment capabilities—including built‑in web server, CDN upload to Alibaba Cloud OSS or Tencent COS, and static hosting—and outlines usage examples, configuration steps, changelog details, and upgrade guidance.

FrontendWindows Supportcloud

0 likes · 6 min read

Modern.js Update: Windows Platform Support and Out‑of‑the‑Box Deployment Features

ByteDance Web Infra

Nov 18, 2021 · Frontend Development

Pure CSS Icons with UnoCSS: DataURI, Scaling, Coloring, and Masking Techniques

This article explains how to embed any SVG icon in pure CSS using UnoCSS presets, DataURI encoding, scalable em‑based sizing, context‑aware coloring via CSS masks, and provides practical code examples for both monochrome and multicolor icons.

CSSDataURIUnoCSS

0 likes · 11 min read

Pure CSS Icons with UnoCSS: DataURI, Scaling, Coloring, and Masking Techniques