Movie.js

const findMovieById = (catalog, id) => find(catalog.data, { id: parseInt(id) })

class Movie extends PureComponent {

  componentDidMount() {
    const { loadCatalog } = this.props
    loadCatalog()
  }

  render() {
    const { catalog, { match: { params: { id } } } = this.props
    const movie = findMovieById(catalog, id) // the id of the movie is passed through a url parameter

    if (isPristine(catalog)) return null
    if (isLoading(catalog)) return <Loading />
    if (hasLoadError(catalog)) return <Error />

    return <Content movie={movie} />
  }

}

const mapStateToProps = ({ catalog }) => ({ catalog })

const actions = { loadCatalog: resources.catalog.actions.load }

export default connect(mapStateToProps, actions)(Movie)