---
name: vue-jsx-best-practices
description: JSX syntax in Vue (e.g., class vs className, JSX plugin config).
license: MIT
metadata:
  author: github.com/vuejs-ai
  version: "2.0.0"
  domain: frontend
  triggers: Vue JSX, render function, h(), class vs className, JSX plugin, @vitejs/plugin-vue-jsx
  role: specialist
  scope: implementation
  output-format: code
  related-skills: vue-best-practices, frontend-vite
---

Vue JSX best practices and differences from React JSX.

### JSX
- Migrating React JSX code to Vue or getting attribute type errors → See [render-function-jsx-vue-vs-react](reference/render-function-jsx-vue-vs-react.md)