ByteDance Web Infra
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

99
Articles
0
Likes
591
Views
0
Comments
Recent Articles

Latest from ByteDance Web Infra

99 recent articles
ByteDance Web Infra
ByteDance Web Infra
Aug 27, 2021 · Frontend Development

ESM Package Distribution and Next‑Generation Unbundled Development Tools

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.

CDNESMJavaScript
0 likes · 14 min read
ESM Package Distribution and Next‑Generation Unbundled Development Tools
ByteDance Web Infra
ByteDance Web Infra
Aug 25, 2021 · Frontend Development

Analysis of Modern Web Development Practices from ByteDance Survey

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.

State ManagementWeb Developmentfrontend
0 likes · 11 min read
Analysis of Modern Web Development Practices from ByteDance Survey
ByteDance Web Infra
ByteDance Web Infra
Aug 20, 2021 · Backend Development

In‑Depth Guide to Node.js Inspector: Usage, Principles, and Implementation

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.

DebuggingInspectorNode.js
0 likes · 22 min read
In‑Depth Guide to Node.js Inspector: Usage, Principles, and Implementation
ByteDance Web Infra
ByteDance Web Infra
Aug 20, 2021 · Frontend Development

Next.js 11.1 Release: New Features, Rust‑Based Toolchain, and Performance Boosts

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.

ESModulesImageOptimizationNext.js
0 likes · 14 min read
Next.js 11.1 Release: New Features, Rust‑Based Toolchain, and Performance Boosts
ByteDance Web Infra
ByteDance Web Infra
Aug 3, 2021 · Backend Development

Exploring Type‑Friendly Node.js Web Frameworks: Design and Type‑Safety with Farrow

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.

FarrowNode.jsTypeScript
0 likes · 16 min read
Exploring Type‑Friendly Node.js Web Frameworks: Design and Type‑Safety with Farrow
ByteDance Web Infra
ByteDance Web Infra
Jul 23, 2021 · Backend Development

Design and Refactoring of ByteDance's Node.js RPC Framework

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.

Backend DevelopmentDDDNode.js
0 likes · 14 min read
Design and Refactoring of ByteDance's Node.js RPC Framework
ByteDance Web Infra
ByteDance Web Infra
Jul 12, 2021 · Frontend Development

Dan’s Live Interview on React Core: State Management, Hooks, Concurrent Mode, and Future Directions

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.

Concurrent ModeReactServer Components
0 likes · 44 min read
Dan’s Live Interview on React Core: State Management, Hooks, Concurrent Mode, and Future Directions
ByteDance Web Infra
ByteDance Web Infra
Jul 7, 2021 · Frontend Development

ByteDance's Serverless‑Based Frontend Development Model Upgrade

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.

Serverless
0 likes · 16 min read
ByteDance's Serverless‑Based Frontend Development Model Upgrade
ByteDance Web Infra
ByteDance Web Infra
Jul 4, 2021 · Frontend Development

Modern Web Development at ByteDance: From Traditional Front‑End Stack to the MWA/Jupiter Framework

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.

ByteDanceJupiterWeb Development
0 likes · 32 min read
Modern Web Development at ByteDance: From Traditional Front‑End Stack to the MWA/Jupiter Framework