Интегрировать этот компонент с редуксом?

Question

Может ли кто-нибудь помочь интегрировать этот компонент с redux / firebase?

Я перепробовал «все», но не могу заставить его работать.

Каковы лучшие практики для конвертациикомпонент для приставной базы?

import React from 'react';

import {
  View,
  Image,
  Text,
  FlatList,
} from 'react-native';

export default class App extends React.Component {
  state = {
    data: [],
    page: 1
  }

  _renderItem = ({item}) => (
    <View style={{borderBottomWidth:1, marginTop: 20}}>
      <Image source={{ uri: item.url }} style={{ height: 200}} />
      <Text>{item.title}</Text>
      <Text>{item.id}</Text>
    </View>
  );

  _getData = () => {
    const url = 'https://jsonplaceholder.typicode.com/photos?_limit=10&_page=' + this.state.page;
    fetch(url)
      .then(r => r.json())
      .then(data => {
        this.setState({ 
          data: this.state.data.concat(data),
          page: this.state.page + 1
        })
      });
  }

  componentDidMount() {
    this._getData();
  }

  _handleLoadMore = () => {
    this._getData();
  }

  render() {
    return (
      <FlatList 
        data={this.state.data}
        renderItem={this._renderItem}
        keyExtractor={(item, index) => item.id}
        onEndReached={this._handleLoadMore}
        onEndReachedThreshold={1}
      />
    );
  }
}