Skip to content
πŸ”„ React -> Vue Component transpiler
JavaScript TypeScript
Branch: master
Clone or download
Latest commit 8f98c24 Jun 19, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github feat(docs): added guides and updated readme Oct 19, 2018
build
src
tests feat(typescript) transpile & save new mocks if they don't exist Jun 19, 2019
.babelrc added the ability to transpile from tsx (typescript + react) May 17, 2019
.gitignore chore(babel): clean up babel modules Feb 7, 2019
.prettierignore chore(init): modified babel plugin Aug 27, 2018
.prettiertrc.js chore(init): modified babel plugin Aug 27, 2018
CODE_OF_CONDUCT.md feat(docs): added guides and updated readme Oct 19, 2018
CONTRIBUTING.md feat(docs): added guides and updated readme Oct 19, 2018
LICENSE feat(docs): added guides and updated readme Oct 19, 2018
package.json added type libraries for styled-components and react May 22, 2019
readme.md feat(docs): added guides and updated readme Oct 19, 2018
yarn.lock

readme.md

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

Styling

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

Contributing

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.

License

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

Authors

Quinn Langille - email

You can’t perform that action at this time.