Vue to React Migration with VuReact

Описание и применение

VuReact — это инструмент компиляции, позволяющий писать код на Vue 3 и генерировать чистый React-код. Это снижает нагрузку на поддержку, автоматизируя перевод реактивных зависимостей и хуков.

Задача

The high maintenance cost of migrating from Vue to React, specifically dealing with manual management of hooks (useCallback, useMemo), dependency arrays, and event naming conventions, rather than just the initial code rewrite.

Результат

VuReact successfully compiles Vue 3 SFCs into a maintainable React project structure, allowing developers to keep writing Vue while shipping React artifacts, thereby reducing manual maintenance overhead associated with React hooks and state management.

Рабочий процесс

• Install the compiler package: npm install -D @vureact/compiler-core
• Create vureact.config.ts in the project root, defining input (e.g., ./src or specific component), exclude patterns (e.g., src/main.ts), and output settings.
• Run the compiler once using: npx vureact build
• Switch to watch mode for continuous updates: npx vureact watch
• Navigate to the generated directory: cd .vureact/react-app
• Install dependencies and start the dev server: npm install && npm run dev

Доказательства

VuReact is a maintainability-first compilation workflow: you write Vue, and it generates pure React output that a team can actually keep living with.

Источник

It is not trying to hide a second runtime. It is trying to give Vue-minded developers a controlled way to land in the React ecosystem.

Источник