The Future of Front End Tooling Is Here
summary
Vite (stable v3) uses bundless dev using native ESM with very fast HMR and Rollup under the hood for production, plus built-in testing (vtest), zero-config npm resolution and automatic Sass handling; esbuild and swc speed lower-level tooling. TurboPack (alpha) targets Next.js 13 and promises incremental function-level rebuilds but lacks preprocessors and Tailwind support and is alpha. Practical result: a large Laravel e-commerce app with separate admin and storefront bundles migrates to Vite in under four hours and runs in production.
AI-written summary · about
chapters (18)
- 0:00Introduction to talk
- 0:45Why use Vite today
- 1:28History of JavaScript tooling
- 3:12Node.js and module systems
- 4:57ES6 modules and Babel
- 7:06Frameworks and SSR
- 8:30Introducing Vite
- 10:39Vite features and speed
- 12:47Live demo of Vite
- 14:58Performance with Go and Rust
- 16:22Webpack and esbuild loader
- 17:05Introducing TurboPack
- 19:10TurboPack limitations
- 20:34TurboPack vs Vite comparison
- 21:59Vercel ecosystem overview
- 22:42Should you use these tools
- 23:45Time savings with Vite
- 24:28Call to action for Vite
related talks
38mVite, a New Era of Frontend Tooling?
15mVite: The next generation frontend tooling
38mHow vite changes the game for Vue and Web development
25mThe Eternal Sunshine of the Zero Build Pipeline
20mThe Inner Workings of Vite Build
52mVite Under a Lense
11h 49m42 talks about the tools and frameworks innovating in the Vite Ecosystem
26mVite + Nitro: The Full Stack Era