added redux-form

package.json

@@ -62,8 +62,9 @@
     "react-dom": "^16.0.0",
     "react-redux": "5.0.6",
     "react-router-dom": "^4.2.2",
-    "redux": "^3.7.2",
     "reactstrap": "^5.0.0-alpha.4",
+    "redux": "^3.7.2",
+    "redux-form": "^7.3.0",
     "sass-loader": "^6.0.6",
     "style-loader": "^0.18.2",
     "url-loader": "^0.5.9",

src/bootstrap.js

@@ -1,12 +1,12 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { Provider } from 'react-redux';
-import { createStore, applyMiddleware } from 'redux';
+import { createStore, applyMiddleware, compose } from 'redux';
 import { BrowserRouter, Route, Switch } from 'react-router-dom';
 
 import reducers from './reducers';
 
-const createStoreWithMiddleware = applyMiddleware()(createStore);
+const createStoreWithMiddleware = applyMiddleware()(compose((window.devToolsExtension ? window.devToolsExtension() : f => f)(createStore)));
 
 // import 'bootstrap/dist/css/bootstrap.css';
 import './style/main.scss';

src/components/auth/signin.js

@@ -1,12 +1,13 @@
 import React, { Component } from 'react';
 
-import { FormTitle } from '../formTitle';
+import SigninForm from './signinForm';
 
 class Signin extends Component {
     render() {
         return (
             <div className='sign-in'>
-                <FormTitle className='sign-in__title' text='Login'/>
+
+                <SigninForm/>
             </div>
         )
     }

src/components/auth/signinForm.js

@@ -0,0 +1,22 @@
+import React, { Component } from 'react';
+import { reduxForm, Field } from 'redux-form';
+
+import { FormTitle } from '../formTitle';
+import { FormInput } from '../formFields';
+
+class SigninForm extends Component {
+    render() {
+        return (
+            <form className='sign-in-form'>
+                <FormTitle className='sign-in-form__title' text='Login'/>   
+                <Field className='sign-in-form__email' component={FormInput} name='email' type='email'/>
+            </form>
+        )
+    }
+}
+
+SigninForm = reduxForm({
+    form: 'signin'
+})(SigninForm);
+
+export default SigninForm;

src/components/formFields.js

@@ -0,0 +1,14 @@
+import React, { Component } from 'react';
+
+
+export class FormInput extends Component {
+    render() {
+        const { className, title } = this.props;
+        return (
+            <div className='form-input'>
+                <label>{title}</label>
+                <input className={`${className} form-input`}/>
+            </div>
+        )
+    }
+}

src/reducers/index.js

@@ -1,7 +1,10 @@
 import { combineReducers } from 'redux';
 
+import { reducer as form } from 'redux-form';
+
 const rootReducer = combineReducers({
-  state: (state = {}) => state
+  form
+
 });
 
 export default rootReducer;