PART 09

Framework integration

React v6 (Oxc) / Vue / Svelte / Solid + meta-framework comparison.

9.1React + Vite 8A deep dive into @vitejs/plugin-react v6 — how OXC Refresh replaces Babel, how to integrate React Compiler, and the current state of the React ecosystem in Vite 8.
9.2Vue + Vite 8The compilation pipeline for Vue 3 Single File Components (SFC) in Vite 8 — how @vitejs/plugin-vue works, Vue Macros, CSS v-bind, and the internals of `<script setup>`.
9.3Svelte + ViteSvelte 5 Runes syntax and its integration with Vite — how `@sveltejs/vite-plugin-svelte` compiles .svelte files into JavaScript, and Svelte's unique compile-time optimizations.
9.4Solid + ViteSolidJS is the flagship of fine-grained reactivity — `vite-plugin-solid` compiles JSX into native DOM operations with no Virtual DOM and no component re-renders.
9.5Meta-Framework ComparisonNext.js / Nuxt / SvelteKit / SolidStart all build on Vite — what does each one add on top of it? How do you decide which framework to choose?
9.6How to Integrate React CompilerHow to integrate React Compiler (automatic memoization) in Vite 8 — the `reactCompilerOptions` configuration, how it works alongside `@rolldown/plugin-babel`, and when it is worth enabling.