React & Redux 实现注册登录认证系统 #2 搭建前端代码

$ mkdir reduxlogin
$ cd reduxlogin
$ yarn start
$ yarn add redux react-redux
$ yarn add redux-logger redux-devtools-extension --dev
$ yarn add redux-thunk

client/src/index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

import logger from 'redux-logger';
import { composeWithDevTools } from 'redux-devtools-extension';
import thunk from 'redux-thunk';

import { createStore, applyMiddleware } from 'redux';

import rootReducer from './reducers';

import { Provider } from 'react-redux';

const store = createStore(
  rootReducer,
  composeWithDevTools(
    applyMiddleware(thunk, logger)
  )
);

ReactDOM.render(
  <Provider store={ store }>
    <App />
  </Provider>,
  document.getElementById('root')
);
registerServiceWorker();

client/src/reducers/auth.js

const auth = (state = {}, action = {}) => {
  switch(action.type) {
    default: return state;
  }
}

export default auth;

client/src/reducers/index.js

import { combineReducers } from 'redux'

import auth from './auth';

export default combineReducers({
  auth
});