140: Evan You - Reimagining the Modern Dev Server with Vite

Full Stack Radio

Episode | Podcast

Date: Thu, 28 May 2020 13:01:44 +0000

<p>Topics include:</p><ul> <li>What is Vite and what makes it different than existing tools like Webpack?</li> <li>How do ES Modules actually work in the browser and what are the limitations?</li> <li>Will we ever be able to use ES Modules in production for large complex projects?</li> <li>How does Vite work under the hood, and how does it support non-JS files like Vue files, or CSS files?</li> <li>How hot module replacement is implemented under the hood in Vite</li> <li>Optimizing modules with many dependencies to keep the development experience fast</li> <li>What is VitePress and how does it compare to VuePress?</li> <li>Bundling sites for production with Vite</li> <li>What's the roadmap for Vite 1.0?</li> </ul><p>Links:</p><ul> <li><a href="https://github.com/vitejs/vite">Vite</a></li> <li><a href="https://github.com/vuejs/vitepress">VitePress</a></li> <li><a href="https://rollupjs.org/guide/en/">Rollup</a></li> </ul><p>Supporting the show:</p><p><br />I decided to stop taking sponsors for the show because I think advertisements are annoying and no one wants to listen to them.</p><p>If you do want to support the show, the best way to do it is to purchase one of my products:</p><ul> <li> <a href="https://tailwindui.com">Tailwind UI</a>, a collection of professionally designed, fully responsive HTML components built with Tailwind CSS</li> <li> <a href="https://refactoringui.com/book">Refactoring UI</a>, a book and video series I put together with Steve Schoger on designing beautiful user interfaces, without relying on a designer.</li> <li> <a href="https://adamwathan.me/advanced-vue-component-design">Advanced Vue Component Design</a>, a course on designing simpler, more flexible Vue components that are both more powerful and easier to maintain.</li> <li> <a href="https://course.testdrivenlaravel.com">Test-Driven Laravel</a>, a massive video course on designing robust Laravel applications with TDD. Learn how to build a real-world application from scratch without writing a single line of untested code.</li> <li> <a href="https://adamwathan.me/refactoring-to-collections">Refactoring to Collections</a>, a book and video course that teaches you how to apply functional programming principles to break down ugly, complex code into simple transformations — free of loops, complex conditionals, and temporary variables.</li> </ul>