Basic example of RxJS and React

Scores.js

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>
    )
  }
}

Checkout this It really worked for me !