跪拜 Guibai
← Back to the summary

Vite 8.1 Ships Bundled Dev Mode, Babel 8.0 Goes ES-Module-Only

🌰Lizi Frontend Weekly Issue 135 (2026.06.22 - 2026.06.28): Browse the latest frontend news of the week, learn excellent domestic and international articles, and let's keep our curiosity about the frontend alive.

📰 Technology News

  1. Vite 8.1: Added experimental "bundled dev mode" support. Compared to unbundled dev servers, bundled dev mode achieves approximately 15x faster startup speed and about 10x faster full page reload speed; also provides WASM and ES module integration capabilities.

  2. Rspack 2.1: Rspack version 2.1 has been released. The new version includes a built-in React compiler rewritten in Rust, supports TypeScript 7, and adds TanStack Start adapter support.

  3. Babel 8.0: Babel 8.0 has been officially released, eight years after Babel 7.0. Despite the continuous rise of similar tools like SWC and Oxc, the weekly downloads of the @babel package series have skyrocketed 380 times during this period. Version 8.0 is a modernization upgrade, supporting only ES modules, with the default compilation target set to ES2023 (the old default target was ES5).

  4. Astro 7: Astro has just launched version 7.0.0. This update upgrades to Vite 8, ships with a new high-performance Rust compiler, and opens up full request handling pipeline permissions.

  5. Deno 2.9: Deno 2.9 can package JavaScript projects into standalone desktop applications for macOS, Windows, and Linux. Unlike Electron, developers can choose to call the system's built-in web view component or embed the Chromium kernel; the tool also natively supports cross-platform compilation and can directly adapt applications developed with frameworks like Next.js and SvelteKit.

📒 Technical Articles

  1. How an Underrated Refactor Saved 90% Memory Usage: An underrated refactor that directly cut 90% memory usage - This article explains how TanStack Table v9 significantly reduces memory overhead compared to v8 in large data table scenarios: the core idea is very simple — mount methods onto a shared prototype instead of recreating them for every instance object. The article includes benchmark data, and this optimization paradigm can be directly reused by other libraries.

  2. Advanced Chrome Debugging Techniques: In daily frontend development, console.log is often our first choice for troubleshooting. Although it can solve most basic problems, when facing complex logic or asynchronous scenarios, it is not only inefficient but may also introduce new bugs due to frequent code modifications. This article systematically organizes the core usage and advanced techniques of breakpoint debugging, helping you accurately locate problems in different frontend scenarios and achieve a qualitative leap in debugging efficiency.

  3. Implementing Large File Upload from 0 to 1: Chunking, Instant Upload, Resumable Upload, Pause, Retry, and Server-Side Merging: This article uses a complete frontend and backend project to take you through understanding how "large file upload" is actually implemented from the ground up.

🔧 Development Tools

  1. FullCalendar 7.0: Create a Google Calendar-like experience for your own application. Compatible with React, Vue, Angular (version 7.0 adds Angular 22 support), and can also be used directly in vanilla JavaScript projects. The project is under the MIT open-source license, with commercial value-added extensions available.
image-20260628141623744
  1. ForesightJS 4: A web user behavior intent prediction library that anticipates user browsing intent through mouse pointer and keyboard operation signals, preloading page resources in advance to significantly improve page responsiveness and smoothness.
image-20260628141929319
  1. Kage: A website offline mirroring tool. The difference from the browser's "Save As" function is that it uses a headless browser to capture the page DOM, perfectly supporting websites rendered dynamically by JS.

🍞 Code Life

  1. They Made It onto the Hurun Rich List Just by Writing Code!: The article uses Cai Jingxian and Lou Tiancheng as examples to explore whether programmers can achieve financial freedom just by writing code.

🚀🚀🚀 The above news articles are selected from common newsletters, such as JavaScript Weekly, etc. The newsletter content will also be continuously optimized and improved. I hope you will like it.

💖 Welcome to follow the WeChat public account: Lizi Frontend