Tagged articles
14 articles
Page 1 of 1
Sohu Tech Products
Sohu Tech Products
Dec 17, 2025 · Frontend Development

How Frontend Engineering Evolved: Choosing Between Webpack, Vite, and Rspack

This article traces the evolution of frontend engineering from static pages to modern modular workflows, explains the core responsibilities of bundlers, compares Webpack, Vite, and Rspack in terms of architecture, performance, configuration complexity, and ecosystem, and offers guidance on selecting the right tool for a project.

RspackVitebundling
0 likes · 23 min read
How Frontend Engineering Evolved: Choosing Between Webpack, Vite, and Rspack
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
ByteFE
ByteFE
Mar 29, 2023 · Frontend Development

Understanding Frontend Bundling, Module Systems, and the Rise of Bundle‑less Development

This article explains why frontend projects historically needed bundling, describes the evolution of module systems such as CommonJS, AMD, CMD, and ESM, compares bundlers like Webpack and Rollup, and introduces bundle‑less tools like Vite that leverage native ES modules to improve development experience and performance.

BundlelessVitebundling
0 likes · 13 min read
Understanding Frontend Bundling, Module Systems, and the Rise of Bundle‑less Development
Yunxuetang Frontend Team
Yunxuetang Frontend Team
Dec 2, 2022 · Frontend Development

Essential Frontend Techniques: Tree‑Shaking, Code Readability, and Performance Hacks

Explore a curated collection of frontend articles covering bundler tree‑shaking, code readability tricks, precision handling with big.js, hidden CSS features, Apple‑style scrolling effects, ready‑made visual dashboard demos, and performance insights like reducing jank and mastering LightHouse workflows.

JavaScriptbundlingfrontend
0 likes · 4 min read
Essential Frontend Techniques: Tree‑Shaking, Code Readability, and Performance Hacks
WeDoctor Frontend Technology
WeDoctor Frontend Technology
May 30, 2021 · Frontend Development

How Rollup’s Tree‑Shaking Eliminates Dead Code: A Deep Dive

This article explains the fundamentals and implementation details of Rollup's tree‑shaking feature, showing how unused JavaScript code is identified and removed through static ES6 module analysis, with practical code examples and visual demonstrations of variable, function, and class elimination.

Code OptimizationES6 ModulesJavaScript
0 likes · 20 min read
How Rollup’s Tree‑Shaking Eliminates Dead Code: A Deep Dive
360 Tech Engineering
360 Tech Engineering
Mar 2, 2020 · Frontend Development

An Introduction to Rome: Facebook’s Experimental JavaScript Toolchain

Rome, an experimental JavaScript toolchain announced by Facebook in February 2020, combines a compiler, linter, formatter, bundler, and test runner written in TypeScript, offers a unified CLI with commands such as analyzeDependencies, bundle, lint, and provides detailed usage examples and instructions for building and running the project.

CLIRomeToolchain
0 likes · 11 min read
An Introduction to Rome: Facebook’s Experimental JavaScript Toolchain
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jan 4, 2018 · Frontend Development

Boost Your Web App Speed: Essential JavaScript Performance Optimization Tips

This article explains how JavaScript performance impacts web applications and provides practical optimization strategies—including the RAIL model, load time statistics, parsing and compilation overhead, bundle size reduction, code splitting with Webpack, and modern transpilation techniques—to help front‑end developers deliver faster, more responsive sites.

bundlingperformancewebpack
0 likes · 10 min read
Boost Your Web App Speed: Essential JavaScript Performance Optimization Tips