first version

Author: loris

README.md

@@ -1,2 +1,45 @@
 # reactify-vue
+
 transforms a vue component in a react one
+
+## usage example
+
+* export a vue component as a react builder:
+
+`ReactPayment.js`
+```
+import Vue from 'vue'
+import PaymentApp from './PaymentApp.vue'
+import reactify from 'reactify-vue'
+
+export default reactify(Vue, PaymentApp)
+```
+
+* Import the react builder and use it as a react component
+
+`ConsumerComponent.js`
+
+```
+import React from 'react'
+import paymentBuilder from 'payment'
+import 'payment/lib/payment.css'
+const ReactPayment = paymentBuilder(React)
+
+[...]
+
+  render () {
+    return (
+      <Layout>
+        <div>TEST</div>
+        <ReactPayment prop1="value prop 1" $trigger={this.handleEvt}></ReactPayment>
+      </Layout>
+    )
+
+[...]
+
+```
+
+## TODO
+
+* compute a unique hash for multiple reactified components and use it as element id
+* tests

index.js

@@ -0,0 +1,22 @@
+
+// compute a unique hash for multiple reactified components
+const getId = component => {
+    return 'vue-component-id'
+}
+
+export default (_vueInstance, component) => _reactInstance => {
+    const id = getId(component)
+
+    return class Wrapper extends _reactInstance.Component {
+        render() {
+            return _reactInstance.createElement('div', { id })
+        }
+        componentDidMount() {
+            new _vueInstance({
+                el: `#${id}`,
+                components: { app: component },
+                render: createElement => createElement('app', { props: this.props })
+            })
+        }
+    }
+}

package-lock.json

@@ -0,0 +1,26 @@
+{
+  "name": "reactify-vue",
+  "version": "0.1.0",
+  "description": "reactify vue components",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/musement/reactify-vue.git"
+  },
+  "keywords": [
+    "reactify",
+    "react",
+    "vue",
+    "component",
+    "components"
+  ],
+  "author": "lsimone",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/musement/reactify-vue/issues"
+  },
+  "homepage": "https://github.com/musement/reactify-vue#readme"
+}