# vue-jsx-best-practices

> Provides guidance on JSX syntax differences between Vue and React, including attribute naming and plugin configuration.

- Skill: `vuejs-ai/vue-jsx-best-practices` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add vuejs-ai/vue-jsx-best-practices`
- Raw SKILL.md: https://api.skillmd.com/api/skills/vuejs-ai/vue-jsx-best-practices/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend, Frontend Frameworks
- Tags: Frontend, Jsx, React, Syntax Differences, Vue
- License: MIT
- Author: Vue AI (https://skillmd.com/u/vuejs-ai), verified publisher
- Updated: 2026-07-06
- Page: https://skillmd.com/skills/vuejs-ai/vue-jsx-best-practices

---


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)