react view

StationList.js

var React = require('react')

var StationMetadataStore = require('./StationMetadataStore')

var StationList = React.createClass({
  getInitialState() {
    return {stations: []}
  },
  componentDidMount: function() {
    this.unsubscribe =
      StationMetadataStore.stationsByCode.onValue(stationCodes => {
        this.setState({
          stationCodes: stationCodes
        })
      })
  },
  componentWillUnmount: function() {
    this.unsubscribe()
  },
  render() {
    var renderRows = rows =>
      rows.map((row) => <li>{row.stationShortCode}: {row.stationName}</li>)
     
    return <ul>{renderRows(this.state.stationCodes)}</ul>
  }
})

React.render(<StationList/>, document.getElementById('appRoot'))