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

95
Articles
0
Likes
243
Views
0
Comments
Recent Articles

Latest from ByteDance Web Infra

95 recent articles
ByteDance Web Infra
ByteDance Web Infra
Aug 8, 2022 · Frontend Development

Design and Architecture of a Multi‑Environment Frontend Monitoring SDK

The article explains how a frontend monitoring SDK can support diverse environments such as web, mini‑programs, and Electron by decoupling logic into interchangeable roles, providing a rich plugin lifecycle, enabling business‑driven extensions, on‑demand loading, and rigorous quality controls while minimizing impact on the host application.

ArchitectureMonitoringSDK
0 likes · 15 min read
Design and Architecture of a Multi‑Environment Frontend Monitoring SDK
ByteDance Web Infra
ByteDance Web Infra
Jul 22, 2022 · Fundamentals

Challenges and Optimizations for Large Git Repositories

This article examines why Git struggles with monolithic repositories exceeding 100 GB, outlines storage, performance, stability, and reliability challenges, and presents preventive, mid‑process, and post‑process strategies—including LFS, shallow and partial clones, commit‑graph, bitmap, multi‑pack index, and bundle techniques—to efficiently manage and maintain large Git monorepos.

GitOptimizationStorage
0 likes · 16 min read
Challenges and Optimizations for Large Git Repositories
ByteDance Web Infra
ByteDance Web Infra
Jul 8, 2022 · Fundamentals

Git Troubleshooting, Root‑Cause Analysis, and Community Contribution Guide

This article walks through a real Git‑induced failure, explains how to reproduce and diagnose the nested process loop, analyzes the underlying commit‑graph and alternates interactions, and then details step‑by‑step how to seek help and contribute a fix to the Git open‑source community.

Open SourceTroubleshootingVersion Control
0 likes · 14 min read
Git Troubleshooting, Root‑Cause Analysis, and Community Contribution Guide
ByteDance Web Infra
ByteDance Web Infra
Jul 5, 2022 · Frontend Development

ByteDance Dev Better Series: Web Development Efficiency and New Technology Practices – Event Summary

The June 25 ByteDance‑ByteDance Dev Better technical salon, co‑hosted with Huatai Securities, presented a series of front‑end engineering talks covering serverless web development, modern.js engineering, DevOps adoption, and practical Q&A, offering valuable insights and best‑practice recommendations for web developers.

DevOpsModern.jsWeb development
0 likes · 13 min read
ByteDance Dev Better Series: Web Development Efficiency and New Technology Practices – Event Summary
ByteDance Web Infra
ByteDance Web Infra
Jun 29, 2022 · Frontend Development

Starry Platform: Code‑In & Code‑Out Low‑Code Solution for Frontend Development and Micro‑Frontend Integration

The article explains how ByteDance’s Starry low‑code platform uses a Code‑In/Code‑Out model to enable flexible component development, break R&D bottlenecks, generate full React projects, and integrate with micro‑frontend architectures like Garfish to support SSR for large‑scale web applications.

DSLReActfrontend
0 likes · 14 min read
Starry Platform: Code‑In & Code‑Out Low‑Code Solution for Frontend Development and Micro‑Frontend Integration
ByteDance Web Infra
ByteDance Web Infra
Jun 6, 2022 · Mobile Development

Cross‑Platform Mobile Development: From WebView to Virtual Machines and Interpreter Optimizations

The article explores cross‑platform mobile development techniques, from simple WebView‑based app‑to‑web solutions to advanced virtual‑machine designs and interpreter optimizations, detailing WebView implementations, mini‑programs, React Native, Flutter, and various VM encoding strategies for efficient JavaScript execution.

Cross-PlatformJavaScriptWebView
0 likes · 28 min read
Cross‑Platform Mobile Development: From WebView to Virtual Machines and Interpreter Optimizations
ByteDance Web Infra
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
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 bundlersOptimizationSide Effects
0 likes · 19 min read
Understanding Tree Shaking, Dead Code Elimination, and Side Effects in JavaScript Bundlers