Redux setup

package.json

@@ -28,7 +28,8 @@
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-redux": "^7.2.0",
-    "redux": "^4.0.5"
+    "redux": "^4.0.5",
+    "redux-thunk": "^2.3.0"
   },
   "devDependencies": {
     "@babel/core": "^7.9.6",

src/index.js

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

src/reducers/index.js

@@ -0,0 +1,6 @@
+import { combineReducers } from 'redux';
+import restaurants from './restaurantReducer';
+
+export default combineReducers({
+  restaurants: restaurants
+});

src/reducers/restaurantReducer.js

@@ -0,0 +1,10 @@
+const initialState = {
+  restaurants: []
+};
+
+export default function reducer(state = initialState, action) {
+  switch(action.type) {
+    default:
+      return state;
+  }
+}

src/store.js

@@ -0,0 +1,12 @@
+import { createStore, compose, applyMiddleware } from 'redux';
+import reducers from './reducers';
+import thunk from 'redux-thunk';
+
+const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
+
+export default createStore(
+  reducers,
+  composeEnhancers(
+    applyMiddleware(thunk)
+  )
+);