NestJS 12 Goes Full ESM, npm 12 Breaks Lifecycle Scripts, and a Startup Charges $10k to Delete AI Code
🌰 Chestnut Frontend Weekly Issue 138 (2026.07.13 - 2026.07.19): Browse the latest frontend news of the week, learn from excellent domestic and international articles, and keep our curiosity about the frontend alive.
📰 Tech News
NestJS v12: NestJS 12 has been released. Changes include: a full shift to ESM, with all core packages migrating from CommonJS to ESM; the CLI tool now supports both CommonJS and ESM modular projects; the NestJS CLI will use Rspack instead of Webpack; the default testing stack is migrating to Vitest, and more.
Astro 7.1: The Astro team released version 7.1: it supports launching multiple dev servers simultaneously (suitable for AI agent execution), optimizes content collection memory usage, and more.
npm v12: npm 12 is now available as a stable official version, accompanied by numerous breaking changes. The core change is that lifecycle scripts no longer execute automatically by default. Several other practical impacts are also worth noting. It is recommended to upgrade to version 11.18.0 first as a transitional step.
📒 Tech Articles
Proxy and Reflect: Redefining How Objects Fundamentally Work: Proxy and Reflect: Reshaping the underlying operational logic of objects - An in-depth analysis of how to intercept the low-level operations of JavaScript objects, a detailed explanation of the design intent behind Reflect, and finally, the implementation of a simple reactive state system (this is precisely the core underlying principle of Vue 3's reactivity).
Goodbye Rollup + esbuild 👋 Analysis of Vue 3.6's New Engineering Solution: Based on v3.6.0-beta.17, this article will build a project prototype for the Vue 3.6 source code from scratch, discuss the technical choices in its engineering, and ultimately implement a basic frontend engineering solution.
Harness Enterprise-Level Implementation (Part 2) - Letting AI Understand the Project: In the AI era, the author believes that programmers should not limit themselves to a single technology. They should view the entire project with a top-level mindset, understanding the design and data flow of the whole system. This not only broadens personal knowledge but also allows one to complete specific modules independently and efficiently, thereby accelerating the product iteration speed and enabling rapid idea validation.
🔧 Dev Tools
- TanStack npm Package Download Chart Tool: A TanStack npm package download chart tool that quickly visualizes the long-term popularity trends of various software packages, analyzes development trends, and intuitively shows the rise and fall of various libraries and tools.
- web-ext 10.5: A widely used, well-maintained command-line tool that allows you to develop browser extensions in a standardized, portable, and cross-platform way.
- react-dropzone 17.0: A mature utility library that implements HTML-standard file drag-and-drop zones on a page based on React Hooks. The official documentation includes runnable basic example code.
🍞 Code Life
- 3 Engineers Start a Business by "Deleting AI Code," Charging $10,000 a Week: A startup team called Slopfix publicly stated: "We charge $10,000 a week to do just one thing: delete code written by AI." They even completed a project that sounds quite exaggerated, reducing a 100,000-line codebase to 35,000 lines while keeping the functionality largely unchanged.
🚀🚀🚀 The above news and articles are selected from common weeklies, such as JavaScript Weekly. The weekly content will also be continuously optimized and improved. I hope you enjoy it.
💖 Welcome to follow the WeChat public account: Chestnut Frontend