The Evolution of TurboPack and Challenges with Webpack in Next.js

18min Snip

00:00

Play full episode

Summary

Transcript

Episode notes

The chapter covers the development of TurboPack as a more efficient bundler for handling the complexities of modern UI libraries with thousands of components. It delves into the evaluation process of switching to newer bundlers for Next.js, highlighting the challenges faced in compiling code for server and client components efficiently. The chapter also discusses improvements in compilation speed and efficiency in NextJS compared to Webpack, as well as the benefits of using Turbo Repo for faster deployment times and future enhancements for quicker cloud builds.

Scott and Wes dive into the world of Next.js with special guest Tim Neutkens from Vercel. They explore the latest updates, including the React Compiler and React Server Components, discussing their impact on developer workflows and the future of Next.js development.

Show Notes

00:00 Welcome to Syntax!
00:30 What does the React Compiler do?
05:04 Will React Compiler help with managing Context?
06:39 What happens if you’re not using a React Compiler?
- react.dev Playground.
09:30 Will this work on any NextJS version?
12:18 What are React Server Components?
16:28 Shipping all the data inside an encapsulated component.
20:17 Clearing up the frustrations around retrofitting server components.
23:13 Handing migration.
28:30 Is this just a fetch request with props?
36:41 How closely are the NextJS and React teams working?
41:53 Will we ever get Async Client Components?
43:52 Async Local Storage API.
45:31 Turbopack.
57:51 Sick Picks & Shameless Plugs.