(React-Redux): Configuration complete

Author: schowdhury

app/config/rootReducer.js

@@ -0,0 +1,6 @@
+import {combineReducers} from "redux";
+import reducerSignup from "../features/signup/reducerSignup";
+
+export default combineReducers({
+    reducerSignup
+})

app/config/store.js

@@ -0,0 +1,10 @@
+import {createStore, applyMiddleware, compose} from "redux";
+import rootReducer from './rootReducer';
+
+const middlewares = [];
+const initialState = {};
+
+const composeEnhancers = (window).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
+const enhancers = composeEnhancers(applyMiddleware(...middlewares));
+
+export const Store = createStore(rootReducer, initialState, enhancers);

app/features/signup/actionSignup.js

@@ -0,0 +1,9 @@
+export const TypeActionHome = {
+    checkLogin : "AuthInfo > checkLogin",
+    signupUser : "Home > signupUser",
+};
+
+export const isLoggedIn = () => ({
+    type: TypeActionHome.checkLogin,
+    isLoggedIn: true
+});

app/features/signup/index.js

@@ -0,0 +1,25 @@
+import React, {Component} from 'react';
+import {connect} from 'react-redux';
+
+import isLoggedIn from "./actionSignup";
+
+class _Signup extends Component {
+    render (){
+        const props = this.props;
+        return (
+            <div>
+                <h4>Status: {props.status.toString()}</h4>
+            </div>
+        );
+    }
+}
+
+const mapState = (state) => ({
+    status: state.reducerSignup.isLoggedIn
+})
+
+const mapDispatch = (state) => ({
+
+})
+
+export default connect(mapState, mapDispatch)(_Signup);

app/features/signup/reducerSignup.js

@@ -0,0 +1,21 @@
+import {TypeActionHome} from "./actionSignup";
+
+const initialState = {
+    isLoggedIn: false,
+    signupData: {}
+}
+
+export default (state = initialState, action) => {
+    switch(action.type) {
+        case TypeActionHome.checkLogin:
+            return Object.assign(
+                {},
+                state,
+                {isLoggedIn: action.isLoggedIn}
+            )
+        
+        default: 
+            return state;
+                
+    }
+}

app/index.js

@@ -1,14 +1,14 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
+import React from "react";
+import ReactDOM from "react-dom";
 
-const App = () =>(
-    <div>
-        Hello world!!!!!!!!!!!!!!!!!!!!!!!!!!
-    </div>
-)
+import {Provider} from "react-redux";
+import {Store} from "./config/store";
 
+import Signup from "./features/signup";
 
 ReactDOM.render(
-    <App/>,
-    document.getElementById('root')
+    <Provider store={Store}>
+        <Signup/>
+    </Provider>,
+    document.getElementById("root")
 )

package-lock.json

@@ -15,6 +15,7 @@
     "react-redux": "^5.0.7",
     "redux": "^4.0.0",
     "redux-observable": "^1.0.0",
+    "redux-thunk": "^2.3.0",
     "rxjs": "^6.3.3"
   },
   "devDependencies": {