react-native.js

var graphqlDemo = React.createClass({
  getInitialState() {
    return {movies: []}
  },
  componentDidMount() {
    // query when we mount the view
    client.query(`
        {
          allFilms {
            films {
              title
            }
          }
        }
    `).then(result => {
      this.setState({movies: result.allFilms.films});
    }).catch(error => {
      this.setState({error});
    });
  },
  render: function() {
    var {movies} = this.state;
    return (
      <View style={styles.container}>
        <Text style={styles.title}>
          "Star Wars" Movies
        </Text>
        {(movies.length > 0)? this.renderMovies(movies) : null}
      </View>
    );
  },
  renderMovies(movies) {
    return (
      <View>
        {movies.map(movie => (
          <Text key={movie.title} style={styles.movies}>
            {movie.title}
          </Text>
        ))}
      </View>
    );
  },
});