Added mobservable / mobservable-react to the project
This commit is contained in:
parent
c61046f3f2
commit
45001f9aec
4 changed files with 33 additions and 5 deletions
23
app/app.tsx
23
app/app.tsx
|
|
@ -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" />,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue