A React to Vue Component Transpiler

Usage no npm install needed!

<script type="module">
  import ssenseFlip from 'https://cdn.skypack.dev/@ssense/flip';



🔄 Transform React to Vue! 🔄

Flip is great for teams migrating from react to vue, or projects that want to employ micro front ends using both technologies.

It will consume your React components, and generate out a new directory full of Vue components.

Optionally, you can also roll them into one nice exported bundle per framework (i.e - bundle.react.js, bundle.vue.js) 📦

Flip initially started as a fork of this babel plugin and still uses a modified version of it under the hood.

How to use

yarn add -D @ssense/flip

To use, run

yarn flip [path-to-your-components]

This command also accepts an optional -b flag, which will rollup bundles of each your react and vue components for distribution. This is how that will look:

yarn flip [path-to-your-components] -b

and it will generate the following folder structure:

 - dist
 | - react
    | - button
    | - form
 | - vue
    | - button
    | - form
 | - bundles
    | - bundle.react.js
    | - bundle.vue.js


While not necessary, flip is compatible with styled-components (it even handles remapping the react/vue styled component import 😎)


Please read our contribution guide for details on the development process, and the process for submitting a pull request

With any contribution, you accept all conditions implicitly defined in the Code of Conduct.


This project is licensed under the MIT License - see the LICENSE.md for more details


Quinn Langille - email