Episode 4 - A Vite Demo | Evan You

Overtime developers have gotten used to using bundlers, like WebPack, and know the struggle of waiting for long builds, especially as project become more complex. Vite works like a simple file server, but provides many enhancements over native ESM imports to support various features that are typically seen in bundler-based setups.In this episode, You walks us through Vite's impressive capabilities, including the following:

  • Vite provides an HMR API over native ESM. Frameworks with HMR capabilities can leverage the API to provide instant, precise updates without reloading the page or blowing away application state.
  • JSON files and named imports can be directly imported- Debugging is made easy with files served over the network. Goodbye giant, unreadbale bundles
  • Pre-bundling is performed with esbuild and makes Vite's cold start time significantly faster than any JavaScript-based bundler
  • Vite automatically rewrites code-split dynamic import calls so that nested imports fetch in parallel

Up next

Episode 5 - Panel Debate: What is Jamstack?

A Jamstack debate with Jeff Escalante (HashiCorp), Sean Davis (Stackbit), Brian Rinaldi (StepZen), Miriam Schwab (Strattic), and Ishan Anand (Layer0).

Series episodes

Episode 1 - The Future of Nuxt.js | Sébastien Chopin
Episode 1 - The Future of Nuxt.js | Sébastien Chopin
Episode 2 - How Airbrake Brings Developers Advantageous Visibility | Eric Anderson
Episode 2 - How Airbrake Brings Developers Advantageous Visibility | Eric Anderson
Episode 3 - Vue Storefront, Lightning Fast Frontend Platform | Filip Rakowski
Episode 3 - Vue Storefront, Lightning Fast Frontend Platform | Filip Rakowski
Episode 4 - A Vite Demo | Evan You
Episode 4 - A Vite Demo | Evan You
Episode 5 - Panel Debate: What is Jamstack?
Episode 5 - Panel Debate: What is Jamstack?
Episode 6 - Insights into Core Web Vitals | Google Chrome Team
Episode 6 - Insights into Core Web Vitals | Google Chrome Team
Episode 7 - Jamstack and The New Dynamic
Episode 7 - Jamstack and The New Dynamic
Episode 8 - Blitz.js: The Fullstack React Framework
Episode 8 - Blitz.js: The Fullstack React Framework
Episode 9 - RedwoodJS Demo | Anthony Campolo, Developer Advocate, RedwoodJS Core team
Episode 9 - RedwoodJS Demo | Anthony Campolo, Developer Advocate, RedwoodJS Core team