TimCodes · May 10, 2017 21:59 · Dec 20, 2015
diff --git a/Scores.js b/Scores.js
@@ -0,0 +1,43 @@
+import React from 'react';
+import axios from 'axios';
+import Rx from 'rxjs';
+
+export default class App extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      scores: []
+    };
+  }
+
+  componentWillMount() {
+    Rx.Observable.interval(30000).merge(Rx.Observable.of(0))
+      .mergeMap(() => {
+        return Rx.Observable.fromPromise(axios.get('/api/scores'));
+      })
+      .map(result => {
+        return result.data;
+      })
+      .subscribe(scores => {
+        this.setState({ scores: scores });
+      });
+  }
+
+  render() {
+    let listItems = this.state.scores.map(score => {
+      return (
+        <li key={score.id}>
+          {`${score.home.city} ${score.home.points} - ${score.visitor.city} ${score.visitor.points}`}
+        </li>
+      );
+    });
+    return (
+      <div>
+        <h3>Scores:</h3>
+        <ul>
+          {listItems}
+        </ul>
+      </div>
+    )
+  }
+}