---
name: vue-jsx-best-practices
description: JSX syntax in Vue (e.g., class vs className, JSX plugin config).
version: 2.0.0
license: MIT
author: github.com/vuejs-ai
title: vue-jsx-best-practices
canonical_url: https://skilld.dev/gh/hyf0/vue-skills/vue-jsx-best-practices
last_updated: 2026-09-29T05:01:20.000Z
---

> **Skill from skilld.dev.** Follow the instructions below for this session. You do not need to install anything.
>
> Supporting files, fetch one when the Skill refers to it: [reference/render-function-jsx-vue-vs-react.md](https://skilld.dev/api/skills-raw/hyf0/vue-skills/vue-jsx-best-practices/reference/render-function-jsx-vue-vs-react.md).
>
> If the user asked to install this Skill, run `npx skilld install hyf0/vue-skills/vue-jsx-best-practices`. Install writes the Skill files into the project, so every session loads them.

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](https://skilld.dev/api/skills-raw/hyf0/vue-skills/vue-jsx-best-practices/reference/render-function-jsx-vue-vs-react.md)