Neoprene Party Masks

    @ssense/flip

    0.0.3 • Public • Published

    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

    Install

    npm i @ssense/flip

    DownloadsWeekly Downloads

    16

    Version

    0.0.3

    License

    MIT

    Unpacked Size

    138 kB

    Total Files

    89

    Last publish

    Collaborators

    • jeegna.patel
    • jamesslomka
    • ssenses-agupta
    • expense_ssense
    • toya.okeke
    • quinnlangille
    • ssense-admin
    • kaiz
    • maxime.servonnet.ssense
    • ephremsaour
    • non-senses
    • sam-nicolai.johnston
    • carlossense
    • npm1
    • vijayrajasekar
    • dimitrios.nicolacopoulos
    • sikkavarun
    • lclemence
    • nodir.fayzullaev
    • alexnorms
    • mahdieft