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
Jun 8, 2023 · Frontend Development

Rspack 0.2 Release: New Features, Plugin Hooks, realContentHash, ESM/System Format, SplitChunksPlugin Improvements, Compatibility Updates, and Breaking Changes

Rspack 0.2 introduces numerous enhancements such as realContentHash, DataURI and ESM/System format support, extensive loader and plugin hook compatibility with Webpack, a refactored SplitChunksPlugin, updated framework integrations, benchmark comparisons, and several breaking changes to align filename generation with Webpack standards.

Build ToolRspackfrontend
0 likes · 12 min read
Rspack 0.2 Release: New Features, Plugin Hooks, realContentHash, ESM/System Format, SplitChunksPlugin Improvements, Compatibility Updates, and Breaking Changes
ByteDance Web Infra
ByteDance Web Infra
Jun 8, 2023 · Fundamentals

Modular Programming and Dynamic Linking in JavaScript and WebAssembly

This article explains the principles of modular programming, examines JavaScript and asm.js module systems, and details how WebAssembly extends these concepts with import/export sections and dynamic linking mechanisms, while also reviewing current proposals and future trends for module linking and component models.

JavaScriptModular ProgrammingWebAssembly
0 likes · 28 min read
Modular Programming and Dynamic Linking in JavaScript and WebAssembly
ByteDance Web Infra
ByteDance Web Infra
May 9, 2023 · Fundamentals

WebAssembly Runtime Architecture: Loading, Parsing, Execution, Memory Management and GC

This article provides a comprehensive overview of the WebAssembly runtime, detailing its binary format, module loading and validation, execution engine designs, linear memory layout, garbage‑collection proposals, and the WebAssembly System Interface (WASI), while illustrating each concept with diagrams and code examples.

CompilationGarbage CollectionRuntime
0 likes · 34 min read
WebAssembly Runtime Architecture: Loading, Parsing, Execution, Memory Management and GC
ByteDance Web Infra
ByteDance Web Infra
Apr 18, 2023 · Fundamentals

WebAssembly Runtime Mechanisms and Practical Usage Across Environments

This article explains WebAssembly's execution model, covering import/export fundamentals, language bindings with wit‑bindgen, the waPC protocol, web browser integration, command‑line runtimes like Wasmtime and WasmEdge, embedded use cases such as Wasm3 on Arduino, and how to embed WASM modules in Envoy plugins and languages like Go, Java, and Python.

Proxy-WASMRuntimeWasmEdge
0 likes · 22 min read
WebAssembly Runtime Mechanisms and Practical Usage Across Environments
ByteDance Web Infra
ByteDance Web Infra
Apr 11, 2023 · Fundamentals

Overview of the WebAssembly Language Ecosystem and Toolchains

This article provides a comprehensive overview of WebAssembly 2.0, its cross‑platform advantages, and the most popular programming languages and toolchains—including C/C++, Rust, Go, AssemblyScript, Emscripten, Binaryen, wasi‑sdk, TinyGo, wabt, wasm‑pack and wasm‑bindgen—while discussing their strengths, limitations, and typical use cases.

CompilationToolchainsWASI
0 likes · 24 min read
Overview of the WebAssembly Language Ecosystem and Toolchains
ByteDance Web Infra
ByteDance Web Infra
Apr 11, 2023 · Frontend Development

Migrating Excalidraw from Webpack to Rspack: A Step‑by‑Step Guide

This article demonstrates how to migrate the open‑source Excalidraw drawing application from Webpack to the Rust‑based Rspack bundler, covering repository cloning, dependency installation, Rspack initialization, Sass, HTML plugin, environment variable handling, static asset copying, performance comparison, and the use of react‑scripts‑rspack for automated migration.

HTML pluginRspackSass
0 likes · 10 min read
Migrating Excalidraw from Webpack to Rspack: A Step‑by‑Step Guide
ByteDance Web Infra
ByteDance Web Infra
Apr 4, 2023 · Fundamentals

Fundamentals of WebAssembly: Modules, Binary and Text Formats

This article provides a comprehensive introduction to WebAssembly, covering its core concepts such as modules, types, variables, functions, instructions, traps, tables, linear memory, the binary module structure, the S‑expression based text format, and step‑by‑step guidance for writing a simple WebAssembly module with code examples.

ModulesText FormatWebAssembly
0 likes · 24 min read
Fundamentals of WebAssembly: Modules, Binary and Text Formats
ByteDance Web Infra
ByteDance Web Infra
Mar 28, 2023 · Cloud Native

WebAssembly (WASM) Usage Scenarios and Future Trends

This article surveys the diverse scenarios where WebAssembly is applied—from accelerating web applications and providing sandboxed plugins to powering cloud‑native workloads, edge computing, serverless functions, mobile/IoT devices, and blockchain—while also outlining current challenges and future development directions.

BrowserEdge computingWebAssembly
0 likes · 33 min read
WebAssembly (WASM) Usage Scenarios and Future Trends