react native view

StationList.js

var React = require('react-native')
var {Text, ListView, AppRegistry} = React

var StationMetadataStore = require('./StationMetadataStore')

var StationList = React.createClass({
  getInitialState() {
    var ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2})
    return {stations: ds.cloneWithRows([])}
  },
  componentDidMount() {
    this.unsubscribe =
      StationMetadataStore.stationsByCode.onValue(stationCodes => {
        this.setState({
          stations: this.state.stations.cloneWithRows(stationCodes)
        })
      })
  },
  componentWillUnmount() {
    this.unsubscribe()
  },
  render() {
    return <ListView
              dataSource={this.state.stations}
              renderRow={(rowData) => <Text>{rowData.stationShortCode}: {rowData.stationName}</Text>}
              pageSize="20" />
  }
})

AppRegistry.registerComponent('StationList', () => StationList)