setup redux reducers, actions, and store. Also moved App to component…

…s folder

src/constants/actions.js

@@ -0,0 +1,6 @@
+const ACTIONS = {
+  REPLACE_MOVIES: "REPLACE_MOVIES",
+  CHANGE_SELECTED: "CHANGE_SELECTED"
+};
+
+export default ACTIONS;

src/index.js

@@ -1,8 +1,16 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import './index.css';
-import App from './App';
-import registerServiceWorker from './registerServiceWorker';
+import React from "react";
+import ReactDOM from "react-dom";
+import "./index.css";
+import App from "./components/App";
+import registerServiceWorker from "./registerServiceWorker";
+import { Provider } from "react-redux";
 
-ReactDOM.render(<App />, document.getElementById('root'));
+import store from "./redux/store";
+
+ReactDOM.render(
+  <Provider store={store}>
+    <App />
+  </Provider>,
+  document.getElementById("root")
+);
 registerServiceWorker();

src/redux/actions/index.js

@@ -0,0 +1,11 @@
+import ACTIONS from "../../constants";
+
+const replaceMovies = newMovies => ({
+  type: ACTIONS.REPLACE_MOVIES,
+  newMovies
+});
+
+const changeSelected = newSelected => ({
+  type: ACTIONS.CHANGE_SELECTED,
+  newSelected
+});

src/redux/reducer/index.js

@@ -0,0 +1,26 @@
+import ACTIONS from "../../constants/actions";
+
+const initialState = {
+  movies: [],
+  selected: ""
+};
+
+/* Main reducer. */
+const reducer = (state = initialState, action) => {
+  switch (action.type) {
+    case ACTIONS.REPLACE_MOVIES:
+      return {
+        ...state,
+        movies: action.newMovies
+      };
+    case ACTIONS.CHANGE_SELECTED:
+      return {
+        ...state,
+        selected: action.newSelected
+      };
+    default:
+      return state;
+  }
+};
+
+export default reducer;

src/redux/store/index.js

@@ -0,0 +1,7 @@
+import { createStore } from "redux";
+
+import reducer from "../reducer";
+
+const store = createStore(reducer);
+
+export default store;