<commit_before>import React from 'react';
import {
  View,
  Text
} from 'react-native';

const AlbumList = () => {
  return (
    <View>
      <Text>
        Text goes here!
      </Text>
    </View>
  );
};

export default AlbumList;<commit_msg>[NATIVE] Albums - Fetch albums data<commit_after>import React, { Component } from 'react';
import {
  View,
  Text
} from 'react-native';

class AlbumList extends Component {

  state = { albums: [] };

  componentWillMount() {
    fetch('https://rallycoding.herokuapp.com/api/music_albums')
      .then(response => response.json())
      .then(data => this.setState({ albums: data }));
  }

  render() {
    console.log(this.state);
    return (
      <View>
        <Text>Albums list!</Text>
      </View>
    );
  }

}

export default AlbumList;
{'fraction_non_alphanumeric': 0.15471698113207547, 'fraction_numerical': 0.0, 'mean_word_length': 2.7370892018779345, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 14, 'https://': 1, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3426556', 'n_tokens_mistral': 269, 'n_tokens_neox': 262, 'n_words': 59}