diff --git a/README.md b/README.md
index 951fc99..5132880 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
# React-TypeScript
-Minimal boilerplate for a single-page app using React, TypeScript 1.6 with TSX, and Visual Studio Code.
+Minimal boilerplate for a single-page app using Mobservable, Mobservable-React, React, TypeScript 1.6 with TSX, and Visual Studio Code.
Usage:
@@ -15,3 +15,7 @@ To view the app:
* `npm install -g http-server`
* `http-server`
* Open [http://localhost:8080/](http://localhost:8080/) in your browser of choice.
+
+## Credits
+
+This repo has been forked from the [React Typescript boilerplate](https://github.com/bvanreeven/react-typescript) repo.
\ No newline at end of file
diff --git a/app/app.tsx b/app/app.tsx
index 8b5c510..2b7bfbd 100644
--- a/app/app.tsx
+++ b/app/app.tsx
@@ -1,6 +1,8 @@
///
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 {
}
render() {
return (
- Hello {this.props.name}!
+
+
Hello {this.props.name}!
+
+
);
}
}
+
+var timerState = observable({
+ secondsPassed: 0
+});
+
+setInterval(() => timerState.secondsPassed++, 1000);
+
+@observer
+class Timer extends React.Component<{}, {}> {
+ render() {
+ return (
+ Seconds passed: {timerState.secondsPassed}
+ )
+ }
+}
+
function render() {
React.render(
,
diff --git a/package.json b/package.json
index 2aa5d49..52125d4 100644
--- a/package.json
+++ b/package.json
@@ -1,10 +1,12 @@
{
- "name": "react-typescript",
+ "name": "mobservable-react-typescript",
"version": "1.0.0",
"description": "Minimal boilerplate for a single-page app using React, TypeScript with JSX (TSX), and Visual Studio Code.",
- "repository": "bvanreeven/react-typescript",
+ "repository": "mweststrate/mobservable-react-typescript",
"main": "index.js",
"dependencies": {
+ "mobservable": "^1.0.0",
+ "mobservable-react": "^1.0.1",
"react": "^0.13.3"
},
"devDependencies": {
diff --git a/tsconfig.json b/tsconfig.json
index 37936c0..7cd44ed 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -3,8 +3,9 @@
"target": "es5",
"module": "commonjs",
"declaration": false,
- "noImplicitAny": true,
+ "noImplicitAny": false,
"removeComments": true,
+ "experimentalDecorators": true,
"noLib": false,
"jsx": "react",
"outDir": "./temp"