MainTileContainer: Container in a React Native application that handles business logic and mapping of application state to props. This leverages HOC components (redux's `connect`) for abstracting common logic between components.

main-container.js

// @flow

import { connect } from 'react-redux';
import MainTileScreen from '../../screens/main-tile/main-tile';
import { fetchPageData } from '../../actions/api/page/fetch-page-data';
import { navigateToRoute } from '../../actions/navigation/navigate-to-route';
import { showModal } from '../../actions/navigation/show-modal';
import { toggleDrawer } from '../../actions/navigation/toggle-drawer';

const mapStateToProps = (state: Object) => ({
  nav: state.nav,
  navbar: state.mainNavbar,
  pageData: state.pages,
  secondaryNavigation: state.secondaryNavigation,
});

const mapDispatchToProps = (dispatch: Function) => ({
  fetchPageData: (pagePath) => dispatch(fetchPageData(pagePath)),
  navigateToRoute: (routeObj, navigator) => dispatch(navigateToRoute(routeObj, navigator)),
  showModal: (routeObj, navigator) => dispatch(showModal(routeObj, navigator)),
  toggleDrawer: (navigator) => dispatch(toggleDrawer(navigator)),
});

export default connect(
  mapStateToProps,
  mapDispatchToProps,
)(MainTileScreen);