A Flux-like structure for React Native

AppView.js

...
render() {
  return (
    <View>
      // two components
      <ListView/>
      <MapView/>
    </View>
  )
}
...

ContentActions.js

module.exports = {
  clickItem() {
    return fetch(url)
      .then(res => res.json())
      .then((data) => {
        return ContentStores.setItem(data);
      });
  }
}

ContentStores.js

module.exports = {
  setItem(data: Array) {
    return AsyncStorage.setItem('item', JSON.stringify(item))
      .then((res) => {
          PubSub.publish('ITEM_CLICKED')
      });
  }
}

ListView.js

...
handleItemPress() {
  ContentActions.clickItem();
}
...

MapView.js

...
ComponentDidMount() {
  PubSub.subscribe('ITEM_CLICKED', this.handleItemClicked);
},
ComponentWillUnmount() {
  PubSub.unsubscribe('ITEM_CLICKED', this.handleItemClicked);
}
...