这是自己学习使用React+React-redux搭建的一个小demo,实现了一个简单的todo列表和基本的删除还原操作,以及做了一个简单的路由跳转实验,主要是让自己了解react-redux怎么跟react结合在一起,将整体的状态放在state中。
本项目后续逐渐添加自己学习D3的各种demo,目前有柱状图、饼图、环状图、力向导图、树状图等。
npm install
yarn start
打开http://localhost:3000查看项目.
connect
将container
容器中的数据|方法通过props
传递到ui
容器Provider
将全局的store
传递给各层次组件中,利用React
的context
combineReducers(reducers)
合并项目中的reducers
,生成一个集合reducer
。combineReducers
本身是一个higher-order reducer
createStore(rootReducer, initiateState, enhance)
生成全局唯一的一个store�
middleWare
扩展store
功能的中间件,比如让action
返回一个函数(可以异步请求数据),进行dispatch
的监控等injectReducers
也是一个higher-order reducer
,可主要是在项目中可以动态注入reducer
compose
用于多个函数从左到右的组合,最后合成一个函数,用于createStore�
中的enhance
中。 可以将applyMiddleware
和redux-extension
合并起来
React-redux中文文档 React文档 React-router(react-router已经是4.0了) React-router4.0教程