Web Development: Next.JS 15.3 Bundle continues to pursue turbopac

The react framework has reached the next .js version 15.3. The growth team in producer Workel is again shooting at the turbopack, which is to transform the installed bundle of the webpack as a sharp heir. In addition, version 15.3 includes an update of new navigation hooks and typescript-language plug-in.

Alpha makes with turbopac

The alpha version of the new release brings next build --turbopack with. Currently 99.3 percent of integration test next build Successfully and interested people can progress Areweturboyet.com to follow.

Stable release of next dev --turbopack Available since October 2024When with an application dev Works, according to the development team, it should also be build Be suitable. build Local performance benefits should also be expanded in the production environment. In the current alpha phase, however, the use in production is not recommended: instead, developers should use a preview or staging environment or locally construct to check the difference in bundle size and performance.

One of the benefits of turbopack architecture compared to webpacks is that performing the CPU core performance scales. Turbopack is called 28 percent faster in four core, 60 percent for 16 core and 83 percent with 30 core.

More reliable typist plug-in and new navigation hook

In addition to work on turbopac, the Next.JS team has dedicated itself to typkrypt-length-to-plug-plug-in. In very large code of bases, plug-in typescript can cause language service accidents. This should now be a matter of the past through the performance update, as the plug-in response in internal tests has improved about 60 percent in the time and has no freeze or crash.

Intelligence and value in a compact format

In addition, two navigation hooks have been added which next. The client-side of JS affects the skills. Event handler onNavigate Is a new property Link-Component and client -whey is done during navigation. This acts to enable accurate control over the routing behavior of an application. New customer component hook useLinkStatus Gives one to one pending The Boolian value that shows that when navigation is currently running and provides localized control over the loading states.

More information about the next and other updates. Next .js can be found in the blog,

(May)