ReduxLearn
Redux开发**
- 单项数据流
Redux和React之间没有关系Redux的React绑定包含了容器组件与展示组件分离的**- 单一数据源
state state只读，唯一通知改变state的方法就是触发action- 使用纯函数
reducer来表示如何修改(preState, action) => newState reducer可以拆分，每个reducer只负责管理全局state中它负责的一部分。每个reducer的state参数都不同，分别对应它管理的那部分state数据- 单一
store，store对象将action和reducer对象连接到一起，提供dispatch(action)方法更新state createStore()的第二个参数可以设置初始状态，可以用于把服务器端生成的state转变后在浏览器端传给应用react-redux提供的connect()方法将包装好的组件连接到Redux- 任何一个从
connect()包装好的组件都可以得到一个dispatch方法作为组件的props，以及得到全局state中所需的任何内容
使用
cd 工程根目录
npm start
demo目录说明
- ReduxLearn --------------------- 项目目录
- actions ------------------- 事件：通知改变state
- components ----------------- UI组件
- containers ----------------- 容器组件
- reducers ------------------- reducers：如何改变state
- dist ----------------------- webpack文件打包目录
- store ---------------------- redux devtool配置
- node_modules --------------- node依赖库
- package.json --------------- 工程配置说明
- index.html ----------------- demo入口页面
- index.js ------------------- demo入口js
- webpack.config.js ---------- webpack配置
- server.js ------------------ 本地调试浏览服务器
- .babelrc ------------------- babel配置
- .gitignore ----------------- git提交忽略文件
- README.md ------------------ help文档
注意
import一个目录时，目录内部需要有index.js入口文件