0Pricing
Vue Academy · Lesson

JSX in Vue 3 with Vite

@vitejs/plugin-vue-jsx, JSX pragma, functional components, JSX vs template trade-offs.

JSX in Vue 3

JSX lets you write markup-like syntax inside JavaScript that compiles to h calls. Vue 3 supports JSX through a dedicated Babel plugin wired into Vite.

Installing the Plugin

The official package is @vitejs/plugin-vue-jsx. Install it as a dev dependency alongside the regular Vue plugin.

npm install -D @vitejs/plugin-vue-jsx

All lessons in this course

  1. The h() Function Deep Dive
  2. JSX in Vue 3 with Vite
  3. Dynamic Components with render Functions
  4. Higher-Order Components (HOC) Pattern
← Back to Vue Academy