Cleanup

Author: prevwong

Diff for: .babelrc

@@ -1,5 +1,8 @@
 {
   "plugins": [
         "@babel/plugin-proposal-class-properties"
+    ],
+    "presets": [
+        "babel-preset-airbnb"
     ]
 }

Diff for: .eslintrc.json

@@ -0,0 +1,8 @@
+{
+  "parser": "babel-eslint",
+  "extends": ["airbnb", "prettier"],
+  "plugins": ["prettier"],
+  "rules": {
+    "prettier/prettier": ["error"]
+  }
+}

Diff for: .prettierrc

@@ -0,0 +1,4 @@
+{
+  "printWidth": 100,
+  "singleQuote": true
+}

Diff for: .tslintrc.json

@@ -0,0 +1,8 @@
+{
+  "parser": "babel-eslint",
+  "extends": ["airbnb"],
+  "plugins": ["prettier"],
+  "rules": {
+    "prettier/prettier": ["error"]
+  }
+}

Diff for: README.md

@@ -2,11 +2,9 @@
 
 Build Vue-like components in React. Get the goodness of Vue-reactivty system such as watchers and computed properties and remove the need of using React's `setState` completely. 
 
-
-
 ## Installation
 
-`$ npm install --save-dev react-vue-component`
+`$ npm install --save react-vue-component`
 
 # Basic  Usage
 
@@ -112,14 +110,6 @@ class App extends Component {
   }
   ```
 
-
-
-# Q&A
-
-- Why do this ? 
-
-  - Lel cuz react suks. Just kidding, but personally I admire Vue for it's simple and easy-to-use components and always wanted something similar whenever I'm on React, especially the ability to `watch` properties (in React, afaik you gotta compare the previous and current states manually in `componentDidUpdate`). 
-
 # Credits
 
 - All credits to the Vue core team for their awesome reactivity system. 

Diff for: demo/.cache/01/e9169ac8e8967a1470922db8f169f7.json

@@ -0,0 +1 @@
+{"id":"../node_modules/scheduler/tracing.js","dependencies":[{"name":"/Users/prevwong/Documents/GitHub/reactx/package.json","includedInParent":true,"mtime":1544176648255},{"name":"/Users/prevwong/Documents/GitHub/reactx/.babelrc","includedInParent":true,"mtime":1544090229533},{"name":"/Users/prevwong/Documents/GitHub/reactx/node_modules/scheduler/package.json","includedInParent":true,"mtime":1544172528316},{"name":"./cjs/scheduler-tracing.development.js","loc":{"line":6,"column":27},"parent":"/Users/prevwong/Documents/GitHub/reactx/node_modules/scheduler/tracing.js","resolved":"/Users/prevwong/Documents/GitHub/reactx/node_modules/scheduler/cjs/scheduler-tracing.development.js"}],"generated":{"js":"'use strict';\n\nif (\"development\" === 'production') {\n  module.exports = require('./cjs/scheduler-tracing.production.min.js');\n} else {\n  module.exports = require('./cjs/scheduler-tracing.development.js');\n}","map":{"mappings":[{"generated":{"line":1,"column":0},"source":"../node_modules/scheduler/tracing.js","original":{"line":1,"column":0}},{"generated":{"line":3,"column":0},"source":"../node_modules/scheduler/tracing.js","original":{"line":3,"column":0}},{"generated":{"line":3,"column":4},"source":"../node_modules/scheduler/tracing.js","original":{"line":3,"column":4}},{"generated":{"line":3,"column":22},"source":"../node_modules/scheduler/tracing.js","original":{"line":3,"column":29}},{"generated":{"line":3,"column":34},"source":"../node_modules/scheduler/tracing.js","original":{"line":3,"column":0}},{"generated":{"line":3,"column":36},"source":"../node_modules/scheduler/tracing.js","original":{"line":3,"column":43}},{"name":"module","generated":{"line":4,"column":0},"source":"../node_modules/scheduler/tracing.js","original":{"line":4,"column":2}},{"name":"module","generated":{"line":4,"column":2},"source":"../node_modules/scheduler/tracing.js","original":{"line":4,"column":2}},{"generated":{"line":4,"column":8},"source":"../node_modules/scheduler/tracing.js","original":{"line":4,"column":8}},{"name":"exports","generated":{"line":4,"column":9},"source":"../node_modules/scheduler/tracing.js","original":{"line":4,"column":9}},{"generated":{"line":4,"column":16},"source":"../node_modules/scheduler/tracing.js","original":{"line":4,"column":2}},{"name":"require","generated":{"line":4,"column":19},"source":"../node_modules/scheduler/tracing.js","original":{"line":4,"column":19}},{"generated":{"line":4,"column":26},"source":"../node_modules/scheduler/tracing.js","original":{"line":4,"column":26}},{"generated":{"line":4,"column":27},"source":"../node_modules/scheduler/tracing.js","original":{"line":4,"column":27}},{"generated":{"line":4,"column":70},"source":"../node_modules/scheduler/tracing.js","original":{"line":4,"column":26}},{"generated":{"line":4,"column":71},"source":"../node_modules/scheduler/tracing.js","original":{"line":4,"column":2}},{"generated":{"line":5,"column":0},"source":"../node_modules/scheduler/tracing.js","original":{"line":5,"column":1}},{"generated":{"line":5,"column":1},"source":"../node_modules/scheduler/tracing.js","original":{"line":3,"column":0}},{"generated":{"line":5,"column":7},"source":"../node_modules/scheduler/tracing.js","original":{"line":5,"column":7}},{"name":"module","generated":{"line":6,"column":0},"source":"../node_modules/scheduler/tracing.js","original":{"line":6,"column":2}},{"name":"module","generated":{"line":6,"column":2},"source":"../node_modules/scheduler/tracing.js","original":{"line":6,"column":2}},{"generated":{"line":6,"column":8},"source":"../node_modules/scheduler/tracing.js","original":{"line":6,"column":8}},{"name":"exports","generated":{"line":6,"column":9},"source":"../node_modules/scheduler/tracing.js","original":{"line":6,"column":9}},{"generated":{"line":6,"column":16},"source":"../node_modules/scheduler/tracing.js","original":{"line":6,"column":2}},{"name":"require","generated":{"line":6,"column":19},"source":"../node_modules/scheduler/tracing.js","original":{"line":6,"column":19}},{"generated":{"line":6,"column":26},"source":"../node_modules/scheduler/tracing.js","original":{"line":6,"column":26}},{"generated":{"line":6,"column":27},"source":"../node_modules/scheduler/tracing.js","original":{"line":6,"column":27}},{"generated":{"line":6,"column":67},"source":"../node_modules/scheduler/tracing.js","original":{"line":6,"column":26}},{"generated":{"line":6,"column":68},"source":"../node_modules/scheduler/tracing.js","original":{"line":6,"column":2}},{"generated":{"line":7,"column":0},"source":"../node_modules/scheduler/tracing.js","original":{"line":7,"column":1}}],"sources":{"../node_modules/scheduler/tracing.js":"'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/scheduler-tracing.production.min.js');\n} else {\n  module.exports = require('./cjs/scheduler-tracing.development.js');\n}\n"},"lineCount":null}},"hash":"6fabfd1d3d9c5526eae3bcf6b750eac5","cacheData":{"env":{"NODE_ENV":"development"}}}

Diff for: demo/.cache/07/43019ccf4e19dece9514ea446bbb69.json

@@ -0,0 +1 @@
+{"id":"../node_modules/react/index.js","dependencies":[{"name":"/Users/prevwong/Documents/GitHub/reactx/package.json","includedInParent":true,"mtime":1544176648255},{"name":"/Users/prevwong/Documents/GitHub/reactx/.babelrc","includedInParent":true,"mtime":1544090229533},{"name":"/Users/prevwong/Documents/GitHub/reactx/node_modules/react/package.json","includedInParent":true,"mtime":1544172527096},{"name":"./cjs/react.development.js","loc":{"line":6,"column":27},"parent":"/Users/prevwong/Documents/GitHub/reactx/node_modules/react/index.js","resolved":"/Users/prevwong/Documents/GitHub/reactx/node_modules/react/cjs/react.development.js"}],"generated":{"js":"'use strict';\n\nif (\"development\" === 'production') {\n  module.exports = require('./cjs/react.production.min.js');\n} else {\n  module.exports = require('./cjs/react.development.js');\n}","map":{"mappings":[{"generated":{"line":1,"column":0},"source":"../node_modules/react/index.js","original":{"line":1,"column":0}},{"generated":{"line":3,"column":0},"source":"../node_modules/react/index.js","original":{"line":3,"column":0}},{"generated":{"line":3,"column":4},"source":"../node_modules/react/index.js","original":{"line":3,"column":4}},{"generated":{"line":3,"column":22},"source":"../node_modules/react/index.js","original":{"line":3,"column":29}},{"generated":{"line":3,"column":34},"source":"../node_modules/react/index.js","original":{"line":3,"column":0}},{"generated":{"line":3,"column":36},"source":"../node_modules/react/index.js","original":{"line":3,"column":43}},{"name":"module","generated":{"line":4,"column":0},"source":"../node_modules/react/index.js","original":{"line":4,"column":2}},{"name":"module","generated":{"line":4,"column":2},"source":"../node_modules/react/index.js","original":{"line":4,"column":2}},{"generated":{"line":4,"column":8},"source":"../node_modules/react/index.js","original":{"line":4,"column":8}},{"name":"exports","generated":{"line":4,"column":9},"source":"../node_modules/react/index.js","original":{"line":4,"column":9}},{"generated":{"line":4,"column":16},"source":"../node_modules/react/index.js","original":{"line":4,"column":2}},{"name":"require","generated":{"line":4,"column":19},"source":"../node_modules/react/index.js","original":{"line":4,"column":19}},{"generated":{"line":4,"column":26},"source":"../node_modules/react/index.js","original":{"line":4,"column":26}},{"generated":{"line":4,"column":27},"source":"../node_modules/react/index.js","original":{"line":4,"column":27}},{"generated":{"line":4,"column":58},"source":"../node_modules/react/index.js","original":{"line":4,"column":26}},{"generated":{"line":4,"column":59},"source":"../node_modules/react/index.js","original":{"line":4,"column":2}},{"generated":{"line":5,"column":0},"source":"../node_modules/react/index.js","original":{"line":5,"column":1}},{"generated":{"line":5,"column":1},"source":"../node_modules/react/index.js","original":{"line":3,"column":0}},{"generated":{"line":5,"column":7},"source":"../node_modules/react/index.js","original":{"line":5,"column":7}},{"name":"module","generated":{"line":6,"column":0},"source":"../node_modules/react/index.js","original":{"line":6,"column":2}},{"name":"module","generated":{"line":6,"column":2},"source":"../node_modules/react/index.js","original":{"line":6,"column":2}},{"generated":{"line":6,"column":8},"source":"../node_modules/react/index.js","original":{"line":6,"column":8}},{"name":"exports","generated":{"line":6,"column":9},"source":"../node_modules/react/index.js","original":{"line":6,"column":9}},{"generated":{"line":6,"column":16},"source":"../node_modules/react/index.js","original":{"line":6,"column":2}},{"name":"require","generated":{"line":6,"column":19},"source":"../node_modules/react/index.js","original":{"line":6,"column":19}},{"generated":{"line":6,"column":26},"source":"../node_modules/react/index.js","original":{"line":6,"column":26}},{"generated":{"line":6,"column":27},"source":"../node_modules/react/index.js","original":{"line":6,"column":27}},{"generated":{"line":6,"column":55},"source":"../node_modules/react/index.js","original":{"line":6,"column":26}},{"generated":{"line":6,"column":56},"source":"../node_modules/react/index.js","original":{"line":6,"column":2}},{"generated":{"line":7,"column":0},"source":"../node_modules/react/index.js","original":{"line":7,"column":1}}],"sources":{"../node_modules/react/index.js":"'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react.production.min.js');\n} else {\n  module.exports = require('./cjs/react.development.js');\n}\n"},"lineCount":null}},"hash":"0f69385b200fa1151c1de27505410c30","cacheData":{"env":{"NODE_ENV":"development"}}}