ViteConf 2022
| title | author | length |
|---|---|---|
| 42 talks about the tools and frameworks innovating in the Vite Ecosystem | Brittney Postma, Matias Capeletto, Eric Simons, Evan You, Anthony Fu, Lukas Taegert-Atkinson, Sylwia Vargas, Kia King Ishii, Dan Jutan, Rom Brillout, Jonas Galvez, Lindsay Wardell, Jess Archer, Máximo Mussini, Scott Tolinski, Jessica Sachs, Debbie O'Brien | 11h 49m |
ViteConf distills what’s shipping now: Vite serves on‑demand transforms for single‑file components and HMR, uses esbuild prebundling to normalize npm packages… | ||
| How Vite Came to Be | Evan You | 26m |
Proof-of-concept dev server appears in March 2019 that transforms Vue single-file components and later adds hot module replacement over native ESM; NPM deps… | ||
| StackBlitz Keynote | Sylwia Vargas, Tomek Sułkowski, Eric Simons | 32m |
A browser IDE that runs the full stack locally inside a tab using the WebAssembly-based WebContainer, boots in seconds by sending ~10–15 MB instead of… | ||
| Frameworks Panel | Daniel Roe, Ryan K Carniato, Fred K. Schott, Miško Hevery, Benjamin McCann, Bret Little, Jesse Tomchak | 47m |
Framework teams describe concrete wins and pain points: Vite becomes the shared build layer, Nitro is positioned as a framework-agnostic adapter runtime, and… | ||
| Vite Team Panel | 43m | |
Panel summarizes concrete next steps: Vite stabilizes while ecosystems iterate on top, migrating internal bundling toward Rollup 3 and trimming publish size… | ||
| The Vite Ecosystem | Patak - Matias Capeletto | 17m |
Vite runs a dev server that avoids bundling and delivers module-level HMR for near-instant feedback, while using esbuild minification and type stripping during… | ||
| Vite, on demand DX | Anthony Fu | 10m |
Vite implements on-demand processing by transforming only requested modules and using dev vs build strategies for fast feedback and optimized bundles. It… | ||
| The hashing dilemma, Rollup 3, and our future with Vite | Lukas Taegert-Atkinson | 18m |
Rollup had a content-hash bug open since May 2019 that broke caching for cyclic chunk graphs; Rollup 3 fixes this by writing placeholders for chunk imports… | ||
| Deep Dive into VitePress | Kia King Ishii | 30m |
VitePress is a CLI built as a Vite plugin that transforms Markdown into Vue SFCs, serves via createServer from Vite in dev, and outputs fully static sites by… | ||
| Vite for Education, Using Vite in Vite to teach Vite and beyond | Dan Jutan | 13m |
Proof of concept interactive tutorial editor runs a real Vite dev server inside the browser using the WebContainers API so full Node, package.json installs… | ||
| Developing, Documenting, and Testing your Vite app with Storybook | Ian VanSchooten | 20m |
Storybook now runs with Vite using Storybook Builder Vite, and the ecosystem demonstrates concrete wins: over 500 add‑ons, a Component Encyclopedia of ~6,000… | ||
| Introduction to Histoire | Hugo Attal | 05m |
Histoire is a component-first UI explorer that plugs into Vite, looks up your vite.config automatically and runs with no configuration, starting servers in… | ||
| Introducing Ladle | Vojtech Miksu | 05m |
A Vite based app that loads React components from files like src/*.stories.tsx and starts near-instantly with a single serve command, showing a file nav and… | ||
| Rakkas, Vite powered React framework | Fatih Aygün | 20m |
Rakkas is a Vite-powered React framework that combines Vite-powered DX with React Suspense, concurrent mode and streaming SSR that streams HTML and patches via… | ||
| High Speed Monorepos with high quality DX | Juri Strumpflohner | 05m |
Vite-focused local serving stays fast but real projects need coordinated apps and libs, so a monorepo reduces publish overhead and shows cross-repo effects in… | ||
| What makes pnpm performant | Zoltan Kochan | 22m |
Argues that using an isolated node_modules layout with symlinked packages plus a content-addressable store makes installations both space- and time-efficient… | ||
| SvelteKit | Rich Harris | 16m |
SvelteKit ships as a near‑release candidate with 100,000 downloads/week and shows how to build apps that render on the server, hydrate selectively, and deploy… | ||
| How Vite Makes Nuxt Possible | Daniel Roe | 25m |
Explains how Nuxt 3 uses Vite, Rollup and unplugin to enable magic-keyed composables (file+position keys injected so server and client share state), automatic… | ||
| Vite, Meta Frameworks, and Angular | Brandon Roberts | 17m |
Vite powers instant server start and HMR with esbuild-backed fast builds and a plugin ecosystem; Analog (the meta-framework for Angular built on Vite) claims… | ||
| Islands Architecture, Astro, and You | Nate Moore | 22m |
Astro 1.0 claims up to a 90% reduction in shipped JavaScript by using Islands architecture / partial hydration and hydration directives like client:load… | ||
| Rakkas: React apps with no API layer | Fatih Aygün | 05m |
Rakkas is a Vite-powered React framework that removes the API layer by running data functions on the server: useServerSideQuery (a TanStack Query–style hook)… | ||
| Tauri: Building better apps for a better future | Jonas Kruckenberg | 05m |
Claims a minimal Tauri app is 426 KB and cuts distribution CO2 compared with typical 200 MB downloads, by shipping the OS webview instead of a full browser and… | ||
| Vite SSR at Netlify Edge | Matt Kane | 05m |
Netlify ships a Vite plugin that lets frameworks emit web-worker ES module output and bundles everything (disables externals) so code runs on Netlify Edge… | ||
| Vite and Vercel | Lee Robinson | 03m |
Demo shows creating a Vite + Vue project from Vercel’s templates, cloning it to a new GitHub repo and triggering a build that finishes in about 13 seconds… | ||
| AWS Amplify | Josef Aidt | 05m |
Shows how to go from an empty repo to a live site using an AWS account, Vite, and Amplify CLI: scaffold a React TypeScript app with pnpm create vite, change… | ||
| Vite + Firebase | David East | 05m |
Claims a five minute Vite + Firebase walkthrough and actually builds and deploys a real time chat app in under four minutes. Uses the Firebase CLI with Vite… | ||
| Bun + Vite | Jarred Sumner | 03m |
Bun serves as runtime, package manager and built‑in transpiler and claims concrete speedups: create‑vite installs 39× faster than npm (59× vs pnpm, 82× vs… | ||
| Deno + Vite | Bartek Iwanczuk | 05m |
Demonstrates that Vite runs natively in Deno by scaffolding a Vue app with npm create, starting it with deno run --unstable --allow-read --allow-write… | ||
| Unlimited power with Laravel and Vite! | Jess Archer | 12m |
Laravel replaces Mix with Vite through a dedicated plugin that configures Vite for server-rendered apps, adds a separate CSS entry for SSR, and keeps user Vite… | ||
| Frontend Joy in Ruby on Rails | Máximo Mussini | 11m |
ViteRails integration (vite_ruby) lets Rails proxy to a non-blocking Vite dev server that uses Rollup for bundling and esbuild for fast transforms, adds CSS… | ||
| Cypress Component Testing | Jessica Sachs | 22m |
Demonstration of Cypress component testing with Vite shows a live test-driven workflow: Cypress 10 opens components in Chrome 105, mounts a Vue counter with… | ||
| Component Testing with Playwright | Debbie O'Brien | 20m |
Installs via the VS Code extension or CLI, optionally adds GitHub Actions, and runs tests in parallel across Chromium, Firefox and WebKit; code gen records… | ||
| Vitest: testing DX reimagined | Vladimir | 20m |
Vitest is a Vite-based test runner that runs ESM/TypeScript/JSX without extra config, uses Vite’s module graph so tests rerun fast (example: a component test… | ||
| Vike: Build Your Own Framework | Rom Brillout | 04m |
Demonstrates that a full framework can be implemented with vite-plugin-ssr in only hundreds of lines of code, not a massive rewrite. Shows concrete outcomes… | ||
| Rethinking the Full Stack Framework | Jonas Galvez | 04m |
Argues for a server-first Fastify architecture that stays transparent and composable instead of a framework black box, demonstrating a setup using fastify-vite… | ||
| SolidJS: Getting Started | Ryan K Carniato | 21m |
Starter meta-framework named SolidStart leverages Vite’s plugin system to add SSR, file-system routing, type-safe server functions and optimistic-action… | ||
| 0kb JS and Back Again: Why Vite is the future of the MPA | Dylan Piercey | 17m |
Web pages now ship about 500 KB median page of compressed JavaScript; a server-render-first approach with streaming and partial hydration cuts that… | ||
| Headless commerce with Shopify Hydrogen and Vite | Fran Dios | 20m |
Hydrogen is a React-based, commerce-first framework built on Vite that ships server-rendered HTML via React Server Components to cut client JS and support… | ||
| DIY Islands Architecture with Vite | Ben Holmes | 07m |
Builds a vite-land web component that reads an islands manifest, looks up components, and renders JSX with Preact, shipping zero JS for static parts and only… | ||
| Qwik | Adam Bradley | 20m |
Qwik City is a meta-framework on Qwik that aims to ship very little to no JavaScript by using resumability instead of hydration, so the server serializes app… | ||
| Vue's Road to Vite | Haoqun Jiang | 21m |
Vue tooling shifts from webpack/vue‑cli into Vite: the official recommendation is create-vue (npm create vue@3) which scaffolds Vite-based projects, uses… | ||
| Contributing 101 | Bjorn Lu | 15m |
Starts with a concrete path: fix a bug in V Paginate Svelte and that one change reaches every user. Walks through actionable steps: follow issue templates and… | ||
| Things learned from Vite contributions | Brian Douglas | 05m |
A live dashboard built at open-source.pizza indexes git repos and surfaces recent activity rather than all-time totals, showing contributions over 35 days with… | ||
| Functional Programming in Vite with Elm | Lindsay Wardell | 22m |
Shows how to add Elm to a Vite app by installing vite-plugin-elm and running elm init, then importing Elm.main.init into a DOM node to render a working counter… | ||
| Preview.js: How Vite enables instant component previews in your IDE | François Wouts | 18m |
Preview.js shows UI components and Storybook stories inside the IDE by spinning a tiny Vite dev server via the Vite node API and mounting a virtual file system… | ||
| Histoire Deep Dive | Guillaume Chau | 12m |
Histoire is a Vite-native storybook that runs on the Vite dev server plus a Vite Node process to collect Vue story files and metadata, uses virtual modules to… | ||
| Imba, when paradigms shift | Abdellah Alaoui Solaimani | 28m |
Imba claims to be a full‑stack web language that fuses ideas from React, Vue and Tailwind and removes state management by making assignment and bindings… | ||
| Tiny and secure native apps using Vite + Tauri | Jonas Kruckenberg | 17m |
Shows how Vite + Tauri produce compact cross-platform apps by running the UI in the OS native webview rather than bundling Chromium, using Rust for the backend… | ||
| Things learned from Vite contributions | Brian Douglas | 17m |
Project migrates from webpack/create-react-app to Vite and builds an open-source insights dashboard at opensauced.pizza/insights that compares repos, surfaces… | ||
| Speed up your CI & Save the Environment | Juri Strumpflohner | 20m |
Shows concrete changes in the ViteJS GitHub monorepo: add an PNPM workspace, enable NX caching and task graph, and run nx affected build so CI only rebuilds… | ||
| nothing matches | ||