redux主要用于解决组件之间通信问题: 一、store:保存数据的地方,每个应用只能有一个store 在redux中,使用createStore函数来生成store 二、state:所有的状态,通过store.getState()函数来获取 三、action: state的变化会出发view的更新 ...
分类:
其他好文 时间:
2017-09-23 17:21:43
阅读次数:
131
React是Facebook推出的一个JavaScript库 一、react三大特性 1、组件 基于react的项目一切都基于组件,各个组件有各自的状态,状态变更时,会自动重新渲染组件。组件特性也是Web前端发展的趋势。 一个Hello.jsx组件 其他组件中,可以像HTML标签一样引用它: 2、j ...
分类:
其他好文 时间:
2017-09-20 23:14:11
阅读次数:
102
redux中间件概念 比较容易理解。 在使用redux时,改变store state的一个固定套路是调用store.dispatch(action)方法,将action送到reducer中。 所谓中间件,就是在dispatch发送action 和 action到达reducer 之间,加入一些中间层 ...
分类:
其他好文 时间:
2017-09-16 19:04:08
阅读次数:
295
Higher Order Reducers are simple reducer factories, that take a reducer as an argument and return a new reducer. In that new reducer, you can customiz ...
分类:
其他好文 时间:
2017-09-15 10:16:29
阅读次数:
186
在《深入浅出React和Redux》一书中,介绍react与服务器端交互时,用了fetch方法:https://github.com/github/fetch。该网址上有各种使用例子。 安装:、 npm install whatwg-fetch --save webpack上使用时: For Bab ...
分类:
其他好文 时间:
2017-09-14 21:43:57
阅读次数:
269
1 一、git bash here 2 mdkr 3 cnpm init -y 4 ls -a 5 ls -l 6 ls -la隐藏的也可查看 7 cat package.json 8 二、npm 9 npm i webpack-dev-server -g 10 全局:任何目录运行 11 本地:本地... ...
分类:
Web程序 时间:
2017-09-14 20:06:39
阅读次数:
316
我们使用react,是为了构建可复用的高性能的视图层,学习redux是为了处理视图组件中随应用复杂度提升而变得难以控制的state。说白了,是为了视图。 在了解了action、reducer和store之后,文档并不继而介绍怎么应用到视图层,而是带我们先了解data flow这概念。 react中d ...
分类:
其他好文 时间:
2017-09-10 16:44:59
阅读次数:
160
Store是一个对象。他有如下职责: 1.存放state 2.对外提供访问state的接口: getState() 3.允许state更新:dispatch(action) 4.注册监听器: subscribe(listener) 5.注销监听器,通过subscribe返回的函数 redux所在的应 ...
分类:
其他好文 时间:
2017-09-10 15:51:46
阅读次数:
138
action只是描述了“发生了什么事情(导致state需要更新)”,但并不直接参与更新state的操作。state的更新由reducer函数执行。 其基本模式是:(state,action)=> newState 设计组件state的结构: 在开始敲代码之前,我们要先设计好组件state的结构。我们 ...
分类:
其他好文 时间:
2017-09-10 14:26:11
阅读次数:
153
2017.9.10日 教师节 : ~当一个事物你没有接触,但是生活中 常常用到他,你就不得不去了解他了。 注:新手可以看一下,毕竟博主也是个菜鸟,没法写高深的东西,不想看博主扯淡的直接看第三节啦~~ 1. 生活随笔 经过半年的不懈努力(找工作),终于再任职了两个创业公司后,进入到了一个D轮中大型公司 ...
分类:
其他好文 时间:
2017-09-10 13:34:49
阅读次数:
187