using_loadable.js

// reducer
initialState = {
	isFetching: false,
	error, 
	programs
}


// ProgramsController
import Loadable from './Loadable'
import ProgramsView from './ProgramsView'
import { fetchPrograms } from './programsReducer'

const mapStateToProps = state => {
	const { programs: { isFetching, error, programs } } = state

	return { isFetching, error, programs }
}

const mapDispatchToProps = ({ fetchData: fetchPrograms })

const ProgramsContainer = connect(mapStateToProps, mapDispatchToProps)(Loadable)

// using
const Programs = () => (
  <ProgramsContainer>
    <ProgramsView />
  <ProgramsContainer />
)