implemented redux for state management

src/containers/Documentaries.js

@@ -0,0 +1,42 @@
+import React, { Component } from 'react';
+import { bindActionCreators } from "redux";
+import { connect } from 'react-redux';
+
+import { getMovieRows } from '../getMovie';
+import { fetchDocumentaries } from '../store/actions/index';
+
+class Documentaries extends Component {
+
+  componentWillMount() {
+    this.props.fetchDocumentaries();
+  }
+
+  render() {
+    let movies
+    // Call getMoviesRows function only when we get the data back 
+    // from the API through redux 
+    if (this.props.movies.data) {
+      const url = '/discover/tv?api_key=224ce27b38a3805ecf6f6c36eb3ba9d0&with_genres=99';
+      movies = getMovieRows(this.props.movies.data, url);
+    }
+    return (
+      <>
+        <h1 className="movieShowcase__heading">Documentaries</h1>
+        <div className="movieShowcase__container">
+          {movies}
+        </div>
+      </>
+    )
+  }
+}
+
+
+const mapStateToProps = (state) => {
+  return { movies: state.documentary }
+}
+
+const mapDispatchToProps = (dispatch) => {
+  return bindActionCreators({ fetchDocumentaries }, dispatch)
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(Documentaries);