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
Rust, a fast and memory‑efficient language adopted by major tech firms, is increasingly replacing JavaScript in web tooling such as bundlers, compilers, and linters, with projects like SWC, Deno, and WebAssembly demonstrating its performance, safety, and growing ecosystem for the future of JavaScript infrastructure.
The article explains why traditional load‑time metrics are insufficient for user experience, introduces three user‑centric performance metrics—Largest Contentful Paint, Total Blocking Time, and Cumulative Layout Shift—describes how they are measured, why they matter, and provides practical optimization techniques for each.
The article presents Modern.js, an open‑source framework from ByteDance that illustrates the shift from traditional front‑end stacks to a modern, integrated, server‑less, client‑centric web development paradigm, detailing its six core elements, best‑practice guidelines, and the broader ecosystem of low‑code and platform‑based tooling.
This article explains how to import and bundle non‑JavaScript assets such as images, CSS, fonts, WebAssembly modules and workers using custom URL schemes and the new URL(import.meta.url) pattern, discusses tool support, and outlines future import proposals.
An internal investigation revealed that the goofy.app domain could not be resolved from Singapore offices because a misconfigured DNSSEC DS record caused validation failures, while Chinese DNS resolvers ignored DNSSEC, leading to successful resolution there; removing the erroneous DS key restored global accessibility.
This article explains the background, significance, and challenges of large‑scale web applications, introduces micro‑frontend concepts, compares SPA and MPA approaches, and details the Garfish three‑layer architecture, sandbox designs, routing strategies, deployment platform, and best practices for building enterprise‑grade micro‑frontend systems.
This article provides a comprehensive overview of Node.js’s architecture, including its composition, code structure, startup process, event loop phases, process and thread management, core modules such as Cluster, libuv thread pool, signal handling, file operations, and networking protocols, illustrating how the runtime integrates V8 and operating‑system features.
This article explains the challenges of managing UI state in modern web applications, demonstrates how incremental code examples lead to complex and coupled logic, and introduces XState finite state machines and statecharts as a structured solution with practical JavaScript examples and ecosystem overview.
This article explains how ESM package distribution services convert npm packages to ESModule format, why such distribution is needed for modern browsers, the technical challenges involved, proposed solutions, and how these services can be combined with next‑generation unbundled development tools like Vite and Snowpack to dramatically speed up dependency installation and development server startup.
A comprehensive survey of 612 front‑end developers reveals the dominant use of ES6+, TypeScript, React, Vue, CSS preprocessors, state‑management libraries, build tools, and server‑side rendering approaches in China's modern web development landscape, highlighting trends, preferences, and emerging technologies.
