Skills
.Work. You
Rest

vue-jsx-best-practices

Community

Master Vue JSX: write clean, Vue-friendly JSX.

Software Engineering#frontend#vue#type-safety#jsx#tsx#vue-jsx#render-function
Author1zumIQ
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Vue JSX best practices and configuration guidance help developers write Vue-friendly JSX and avoid React-centric conventions.

Core Features & Use Cases

  • HTML attribute naming in Vue JSX: Use standard HTML attributes like class and for, not React-style className or htmlFor.
  • Plugin and configuration guidance: Ensure TSX/JSX setup and Vue JSX plugin integration for correct typing and rendering.
  • Migration assistance: Provide patterns for migrating React JSX code to Vue JSX without breaking types.
  • Use Case: A Vue 3 component suite that uses JSX for render functions while maintaining Vue's reactivity model.

Quick Start

To apply these practices, configure your Vue project to support JSX with the Vue JSX plugin and TSX typing, and refer to the provided examples.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: vue-jsx-best-practices
Download link: https://github.com/1zumIQ/asched_frontend/archive/main.zip#vue-jsx-best-practices

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.