Added mobservable / mobservable-react to the project

This commit is contained in:
Michel Weststrate 2015-10-15 10:29:20 +02:00
parent c61046f3f2
commit 45001f9aec
4 changed files with 33 additions and 5 deletions

View file

@ -1,6 +1,8 @@
/// <reference path="../typings/react/react.d.ts" />
import React = require('react');
import {observable} from 'mobservable';
import {observer} from 'mobservable-react';
class DemoProps {
public name: string;
@ -12,11 +14,30 @@ class Demo extends React.Component<DemoProps, any> {
}
render() {
return (
<div>Hello {this.props.name}!</div>
<div>
<div>Hello {this.props.name}!</div>
<Timer/>
</div>
);
}
}
var timerState = observable({
secondsPassed: 0
});
setInterval(() => timerState.secondsPassed++, 1000);
@observer
class Timer extends React.Component<{}, {}> {
render() {
return (
<span>Seconds passed: {timerState.secondsPassed}</span>
)
}
}
function render() {
React.render(
<Demo name="World" />,