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
This article provides a comprehensive tutorial on using Node.js Inspector for local and remote debugging, automatic detection, data collection (heap snapshots and CPU profiles), dynamic activation, and a detailed walkthrough of its internal architecture and communication flow between the client, WebSocket, and V8 Inspector.
The Next.js 11.1 release introduces a security patch, experimental ES Modules support, a Rust‑based SWC toolchain, faster data fetching and builds, improved source maps, enhanced ESLint rules, and numerous next/image optimizations, all driven by contributions from SWC author DongYong Kang and Parcel contributor Maia Teegarden.
In this extensive interview, Dan Abramov explains the purpose and advantages of React Server Components, compares React with Vue, explores type systems, examines emerging frameworks, and shares insights on codebase maintenance, testing, learning strategies, and community engagement for modern frontend development.
This article reviews the shortcomings of mainstream Node.js web frameworks regarding type safety, explains the principles of type‑first development, and details how the Farrow‑HTTP and Farrow‑API projects redesign middleware, request/response handling, context passing, and schema‑driven runtime validation to achieve end‑to‑end type safety in backend development.
This article explains the motivation, design principles, model architecture, and implementation challenges of rebuilding ByteDance's Node.js RPC system, covering DDD‑based decomposition, protocol and connection abstractions, multi‑protocol nesting, client/server creation APIs, and performance‑optimized context extensions.
In this extensive live interview, React core maintainer Dan discusses his programming origins, the philosophy behind React state management and Hooks, practical advice for newcomers, the challenges of Concurrent Mode and Server Components, and his vision for React’s evolution and competitiveness.
This talk by Wang Lei from ByteDance Web Infra outlines the evolution of front‑end responsibilities, challenges of traditional CSR + BFF development, and how a Serverless‑based platform redesign—including unified deployment, AB testing, monitoring, CI/CD, and micro‑frontend support—reduces cost, simplifies operations, and enables progressive development across CSR, SSR, BFF and micro‑frontend.
This article reviews ByteDance's transition from a fragmented, legacy front‑end toolchain to a unified modern web development platform, describing the shortcomings of traditional scaffolding, the rise of meta‑frameworks, and the design and capabilities of the internal MWA and Jupiter frameworks that power the open‑source Modern.js project.
This article explains the complete workflow for implementing SourceMap‑based exception monitoring across web and cross‑platform systems, covering transformer, bundler, minifier, runtime support, log collection, error deobfuscation, and the limitations of SourceMap in debugging and performance contexts.
This article analyses the performance problems of traditional bundled development with Webpack, explores unbundled tools such as Snowpack, WMR and Vite, and details a custom dev‑server implementation that leverages CJS‑to‑ESM conversion, esbuild bundling, plugin architecture, and fast HMR to dramatically reduce startup time for large monorepos.
