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

97
Articles
0
Likes
454
Views
0
Comments
Recent Articles

Latest from ByteDance Web Infra

97 recent articles
ByteDance Web Infra
ByteDance Web Infra
Jan 22, 2025 · Artificial Intelligence

Introducing UI‑TARS: A Native GUI Agent Model Integrated with Midscene.js for Multimodal UI Automation

The article presents UI‑TARS, a native GUI‑agent model that combines multimodal large‑language models with the open‑source Midscene.js framework to enable more accurate, token‑efficient, and privacy‑preserving UI automation, while discussing its architecture, advantages, limitations, and integration steps.

GUI AgentLarge Language ModelsMidscene.js
0 likes · 11 min read
Introducing UI‑TARS: A Native GUI Agent Model Integrated with Midscene.js for Multimodal UI Automation
ByteDance Web Infra
ByteDance Web Infra
Jan 13, 2025 · Fundamentals

Build Systems and Bundlers: Concepts, Rebuilders, Schedulers, and Incremental Compilation

This article introduces the theory of build systems from the paper “Build Systems à la Carte”, explains core concepts such as tasks, inputs, outputs, info, store, and build, and shows how modern bundlers like Webpack, Turbopack, Vite and Rspack can be understood as specific combinations of rebuilder and scheduler strategies to achieve incremental compilation, minimality and early cutoff.

Turbopackbuild systemsbundlers
0 likes · 19 min read
Build Systems and Bundlers: Concepts, Rebuilders, Schedulers, and Incremental Compilation
ByteDance Web Infra
ByteDance Web Infra
Jan 7, 2025 · Frontend Development

Practical Guide to Building React Server Components (RSC) and Server Actions with Webpack and Turbopack

This article explains the concepts, rendering strategies, and bundling processes of React Server Components and Server Actions, detailing how Webpack and Turbopack handle module boundaries, code splitting, CSS, SSR, HMR, and how a single compilation can produce both server and client bundles efficiently.

ReActServer ActionsServer Components
0 likes · 30 min read
Practical Guide to Building React Server Components (RSC) and Server Actions with Webpack and Turbopack
ByteDance Web Infra
ByteDance Web Infra
Dec 17, 2024 · Frontend Development

Midscene.js: Multimodal AI‑Powered UI Automation for Web Frontend Testing

Midscene.js, an open‑source UI automation framework from ByteDance Web Infra, leverages multimodal AI to simplify writing, maintaining, and debugging web UI tests with JavaScript or YAML integrations, while discussing its origins, usage patterns, limitations, cost, and security considerations.

Midscene.jsPlaywrightUI automation
0 likes · 11 min read
Midscene.js: Multimodal AI‑Powered UI Automation for Web Frontend Testing
ByteDance Web Infra
ByteDance Web Infra
Sep 10, 2024 · Frontend Development

Rsbuild 1.0 Release: A Fast, TypeScript‑Friendly Frontend Build Tool Powered by Rspack

Rsbuild 1.0, built on the high‑performance Rspack engine, offers a lightweight, easy‑to‑use TypeScript‑friendly API, dramatically faster dev/startup times, fewer dependencies, and a rich plugin ecosystem, positioning it as the most efficient modern frontend build tool compared to CRA, Vite, and Rspack CLI.

FrontendRsbuildRspack
0 likes · 12 min read
Rsbuild 1.0 Release: A Fast, TypeScript‑Friendly Frontend Build Tool Powered by Rspack
ByteDance Web Infra
ByteDance Web Infra
Aug 28, 2024 · Frontend Development

Rspack 1.0 Released: A Rust‑Based JavaScript Bundler with 10× Webpack Performance

Rspack 1.0, the Rust‑implemented next‑generation JavaScript bundler compatible with webpack APIs, launches with major performance gains, broader plugin compatibility, smaller bundle sizes, Module Federation 2.0 support, and a roadmap that includes faster HMR, portable caches, and deeper TypeScript integration.

Bundlerfrontend developmentjavascript
0 likes · 16 min read
Rspack 1.0 Released: A Rust‑Based JavaScript Bundler with 10× Webpack Performance
ByteDance Web Infra
ByteDance Web Infra
Aug 20, 2024 · Frontend Development

Lessons Learned Switching to Rspack: Migration Experience, Configuration Tips, and Performance Results

The article shares a developer’s experience migrating two large Webpack projects to Rspack, covering why Rspack was chosen, detailed lessons on TypeScript handling, CSS extraction, service‑worker support, plugin compatibility, CLI differences, performance benchmarks, and future expectations for the Rust‑based bundler.

Build ToolsRspackService Worker
0 likes · 15 min read
Lessons Learned Switching to Rspack: Migration Experience, Configuration Tips, and Performance Results
ByteDance Web Infra
ByteDance Web Infra
Apr 28, 2024 · Frontend Development

Announcing Module Federation 2.0: New Features, Documentation, and Future Roadmap

Module Federation 2.0, released by ByteDance Web Infra and the original author, introduces best‑practice documentation, runtime‑tool decoupling, TypeScript type safety, a devtool, manifest protocol, and cross‑tool support to make micro‑frontend module sharing more flexible and developer‑friendly.

Frontend ArchitectureMicro FrontendsModule Federation
0 likes · 8 min read
Announcing Module Federation 2.0: New Features, Documentation, and Future Roadmap
ByteDance Web Infra
ByteDance Web Infra
Nov 24, 2023 · Frontend Development

Rsbuild v0.1 Release and Rspack 0.4 Major Changes – Features, Performance, and Migration Guide

The article announces Rsbuild v0.1, outlines its performance advantages and key features, introduces the upcoming Rsbuild Doctor tool, details Rspack 0.4's breaking changes, deprecations, new resolver, and provides a comprehensive migration guide with code examples for developers building modern web applications.

Frontend BuildMigration GuidePlugin system
0 likes · 14 min read
Rsbuild v0.1 Release and Rspack 0.4 Major Changes – Features, Performance, and Migration Guide