implemented observers and watchers, removed need for recursive call on setState

Author: prevwong

demo/index.js

@@ -2,6 +2,23 @@ import ReactV from "../src/ReactV";
 import React from "react";
 import ReactDOM from "react-dom"
 
+class SubApp extends ReactV.Component {
+    state = {
+        times: 2
+    }
+    mounted() {
+        setTimeout(() => {
+            this.times = 4;
+        }, 2000)
+    }
+    render() {
+        const {link} = this.props
+        const { times } = this;
+        return (
+            <a>{link} + {times}</a>
+        )
+    }
+}
 class App extends ReactV.Component {
     state = {
         illuminate: 2,
@@ -12,6 +29,9 @@ class App extends ReactV.Component {
         setTimeout(() => {
             this.status = "mounted!";
         }, 1000);
+        setTimeout(() => {
+            this.times = 10;
+        }, 2000);
     }
     watch = {
         status(val, old){
@@ -22,9 +42,6 @@ class App extends ReactV.Component {
                 this.status = "troix";
             } 
         },
-        times() {
-            console.log("times updated...")
-        }
     }
     methods = {
         change() {
@@ -43,6 +60,7 @@ class App extends ReactV.Component {
             <div>
                 <h3>{status}</h3>
                 <p>{illuminate} + {times}</p>
+                <SubApp link={status}  />
                 <a onClick={() => this.change()}>Click</a>
             </div>
         )