Commit 00bc0a1

committed

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

1 parent cd14951 commit 00bc0a1Copy full SHA for 00bc0a1

File tree

+563

-95

lines changed

+563

-95

lines changed

Lines changed: 21 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,23 @@ import ReactV from "../src/ReactV";`
`2`	`2`	`import React from "react";`
`3`	`3`	`import ReactDOM from "react-dom"`
`4`	`4`
	`5`	`+class SubApp extends ReactV.Component {`
	`6`	`+ state = {`
	`7`	`+ times: 2`
	`8`	`+ }`
	`9`	`+ mounted() {`
	`10`	`+ setTimeout(() => {`
	`11`	`+ this.times = 4;`
	`12`	`+ }, 2000)`
	`13`	`+ }`
	`14`	`+ render() {`
	`15`	`+ const {link} = this.props`
	`16`	`+ const { times } = this;`
	`17`	`+ return (`
	`18`	`+ <a>{link} + {times}</a>`
	`19`	`+ )`
	`20`	`+ }`
	`21`	`+}`
`5`	`22`	`class App extends ReactV.Component {`
`6`	`23`	`state = {`
`7`	`24`	`illuminate: 2,`
`@@ -12,6 +29,9 @@ class App extends ReactV.Component {`
`12`	`29`	`setTimeout(() => {`
`13`	`30`	`this.status = "mounted!";`
`14`	`31`	`}, 1000);`
	`32`	`+ setTimeout(() => {`
	`33`	`+ this.times = 10;`
	`34`	`+ }, 2000);`
`15`	`35`	`}`
`16`	`36`	`watch = {`
`17`	`37`	`status(val, old){`
`@@ -22,9 +42,6 @@ class App extends ReactV.Component {`
`22`	`42`	`this.status = "troix";`
`23`	`43`	`}`
`24`	`44`	`},`
`25`		`- times() {`
`26`		`- console.log("times updated...")`
`27`		`- }`
`28`	`45`	`}`
`29`	`46`	`methods = {`
`30`	`47`	`change() {`
`@@ -43,6 +60,7 @@ class App extends ReactV.Component {`
`43`	`60`	`<div>`
`44`	`61`	`<h3>{status}</h3>`
`45`	`62`	`<p>{illuminate} + {times}</p>`
	`63`	`+ <SubApp link={status} />`
`46`	`64`	`<a onClick={() => this.change()}>Click</a>`
`47`	`65`	`</div>`
`48`	`66`	`)`

Comments

(0)