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 [blocked]
Vue Jsx Best Practices
by vuejs-aic9d355ff23f6MITListed Oct 8, 2026Updated Oct 8, 2026
JSX syntax in Vue (e.g., class vs className, JSX plugin config).
Instructions onlySoftware Development
AI-generated overview
Guidance on Vue JSX syntax and how it differs from React JSX.
- What it does
- This skill provides best practices for writing JSX in Vue, focusing on differences from React JSX such as attribute naming like class versus className and JSX plugin configuration. It points to a reference document covering render functions and the Vue-versus-React JSX comparison. It produces guidance rather than code or files.
- When to use it
- Use it when migrating React JSX code to Vue or when encountering attribute type errors in Vue JSX. It is also relevant when configuring the JSX plugin for a Vue project.
- Requirements
- No tools, packages, or credentials are required; it is instructions only and ships no scripts. It references a bundled markdown reference document.
Source and attribution
Source:vuejs-ai/skillsinskills/vue-jsx-best-practicesat commitc9d355f
License: MIT
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from vuejs-ai/skills
Vue Router Best Practices
vuejs-ai
Reference guidance on Vue Router 4 navigation guards, route params, and route-component lifecycle pitfalls.
Software DevelopmentOct 8, 2026
Vue Pinia Best Practices
vuejs-ai
Reference guidance on Vue Pinia store setup, reactivity gotchas, and state management patterns.
Software DevelopmentOct 8, 2026
Vue Options Api Best Practices
vuejs-ai
Reference guidance on Vue 3 Options API style, TypeScript typing, and common pitfalls.
Software DevelopmentOct 8, 2026
Vue Best Practices
vuejs-ai
Guides Vue 3 development with Composition API, script setup, TypeScript and reference-backed best practices.
Software DevelopmentOct 8, 2026
Create Adaptable Composable
vuejs-ai
Guides creation of reusable Vue composables that accept plain values, refs, or getters as inputs.
Software DevelopmentOct 8, 2026
More in Software Development
Playground
anthropics
Featured
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
Software Development37Kupdated today
M5 Onboard
anthropics
Featured
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Software Development37Kupdated today
Cardputer Buddy
anthropics
Featured
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Software Development37Kupdated today
Dpop Adoption
Featured
Guides implementation of OAuth 2.0 DPoP (RFC 9449) sender-constrained refresh tokens for Google's OAuth platform.
Software Development21Kupdated today
Gemini Live Api
Featured
Generates a Gemini Live API WebSocket client class, tests, docs, and a demo UI for bidirectional streaming.
Software Development21Kupdated today
Gemini Api
Featured
Guides use of the Gemini API on Google's Agent Platform with the Gen AI SDK across languages and capabilities.
Software Development21Kupdated today