react 初始化项目-仓库和中间件的引入

1，初始化项目

npx cerate-react-app reactname
cd reactname
npm run start

2，安装插件

npm install --save redux react-redux
npm install --save-dev redux-logger redux-devtools-extension
npm install --save redux-thunk

3，新建reducers文件夹
auth.js

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

index.js

import { combineReducers } from 'redux';
import auth from './auth'
const rootReducers = combineReducers({
	auth
})
export default rootReducers

4，引入插件
index.js

import logger from 'redux-logger'
import thunk from 'redux-thunk'
import { composeWithDevTools } from 'redux-devtools-extension'
import { createStore, applyMiddleware } from 'redux'
import { Provider } from 'react-redux'
import rootReducers from './reducers'

const store = createStore(rootReaducers, composeWithDevTools(applyMiddleware(logger,thunk)))
ReactDOM.render(
	<Provider store={store}>
		<App />
	</Provider>,
	document.getElementById('root')
)