BestHub
Sign in
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

101
Articles
0
Likes
732
Views
0
Comments
Recent Articles

Latest from ByteDance Web Infra

100 recent articles max
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-WASMWASMWasmEdge
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.

Environment VariablesExcalidrawHTML plugin
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.

Binary FormatModulesText Format
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.

Cloud NativeServerlessWASM
0 likes · 33 min read
WebAssembly (WASM) Usage Scenarios and Future Trends
ByteDance Web Infra
ByteDance Web Infra
Mar 10, 2023 · Frontend Development

Rspack: A High‑Performance Rust‑Based Web Build Tool – Announcement and Roadmap

Rspack, a Rust‑written web bundler from ByteDance, is officially released as an open‑source project offering dramatically faster dev and build times, strong Webpack compatibility, flexible configuration, and a roadmap that includes richer loader support, advanced caching, plugin APIs, and quality‑assurance measures.

Open SourceRspackRust
0 likes · 9 min read
Rspack: A High‑Performance Rust‑Based Web Build Tool – Announcement and Roadmap
ByteDance Web Infra
ByteDance Web Infra
Feb 17, 2023 · Backend Development

Understanding Rust Build Scripts, FFI, and Sys Crates for NAPI Integration

This article provides a comprehensive guide on Rust build scripts, the role of sys crates, foreign function interfaces, and cross‑compilation techniques, illustrating how to create and use NAPI‑sys and libsodium‑sys crates, manage Cargo instructions, and leverage tools like Zig for seamless multi‑platform builds.

Build ScriptCross-compilationFFI
0 likes · 21 min read
Understanding Rust Build Scripts, FFI, and Sys Crates for NAPI Integration
ByteDance Web Infra
ByteDance Web Infra
Dec 16, 2022 · Frontend Development

Understanding React 18 Streaming SSR and Selective Hydration

React 18 introduces Streaming SSR, allowing the server to send HTML in chunks and perform selective hydration, which improves performance by rendering ready sections early and handling asynchronous components via Suspense, with detailed examples of code implementation, error handling, and JS/CSS integration.

Code SplittingReActSelective Hydration
0 likes · 25 min read
Understanding React 18 Streaming SSR and Selective Hydration