vuejs/babel-plugin-jsx

Health v2 · maintenance only

Adoption not part of the score

1782 stars · 148 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A Babel plugin that adds JSX syntax support for Vue 3, compiling JSX expressions into Vue's virtual DOM render functions. It offers options like patch flag optimization, prop merging, and custom element handling.

Use cases

• write Vue 3 components using JSX instead of templates
• use functional components with JSX in Vue 3
• migrate React-style JSX codebases to Vue 3
• optimize Vue JSX rendering with patch flags
• configure custom elements in Vue JSX
• use TypeScript with Vue JSX components

When to choose

• you prefer JSX over Vue single-file templates
• you need dynamic rendering logic that's awkward in templates
• you're building Vue 3 apps with TypeScript and JSX
• you want functional components with full JSX support

When to avoid

• you're using Vue 2 (this plugin targets Vue 3)
• your project relies on template-only features like directives without JSX equivalents
• you need the full optimization power of Vue's template compiler

Facets

plugin · maturity active

build-tool frontend-framework templating web-development frontend developer-tools jsx vue3 babel-plugin typescript nodejs javascript

Member repositories

For agents

markdown · JSON · MCP: product_card(name="vuejs/babel-plugin-jsx")