setting up redux

Author: AdityaKumawat97

package-lock.json

@@ -7,8 +7,11 @@
     "node-sass": "^4.14.1",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
+    "react-redux": "^7.2.0",
     "react-router-dom": "^5.2.0",
-    "react-scripts": "2.1.8"
+    "react-scripts": "2.1.8",
+    "redux": "^4.0.5",
+    "redux-logger": "^3.0.6"
   },
   "scripts": {
     "start": "react-scripts start",

package.json

@@ -3,9 +3,16 @@ import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
 import { BrowserRouter } from 'react-router-dom'
+import { Provider } from 'react-redux'
+import store from './redux/store'
+
+
+
 ReactDOM.render(
-    <BrowserRouter>
-        <App />
-    </BrowserRouter>,
+    <Provider store={store}>
+        <BrowserRouter>
+            <App />
+        </BrowserRouter>
+    </Provider>,
     document.getElementById('root'));
 

src/index.js

@@ -0,0 +1,7 @@
+import { combineReducers } from 'redux'
+import userReducer from './user/user.reducer'
+
+
+export default combineReducers({
+    user: userReducer
+})

src/redux/root-reducer.js

@@ -0,0 +1,11 @@
+import { createStore, applyMiddleware } from 'redux'
+import logger from 'redux-logger'
+
+import rootReducer from './root-reducer'
+
+const middlewares = [logger]
+
+const store = createStore(rootReducer, applyMiddleware(...middlewares))
+
+
+export default store

src/redux/store.js

@@ -0,0 +1,17 @@
+const INITIAL_STATE = {
+    currentUser: null
+}
+const userReducer = (state = INITIAL_STATE, action) => {
+    switch(action.type){
+        case "SET_CURRENT_USER":
+            return {
+                ...state,
+                currentUser: action.payload
+            }
+
+        default:
+            return state
+    }
+}
+
+export default userReducer