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
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.
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.
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.
