|
react学习笔记
React 是一个用于构建用户界面的 JAVASCRIPT 库，主要用于构建UI。
React 特点
-
1.声明式设计 ?React采用声明范式，可以轻松描述应用。
-
2.高效 ?React通过对DOM的模拟，最大限度地减少与DOM的交互。
-
3.灵活 ?React可以与已知的库或框架很好地配合。
-
4.JSX ? JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。
-
5.组件 ? 通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。
-
6.单向响应的数据流 ? React 实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。
可用组件
JSX
JSX 用语替代常规的 react JavaScript语法。
JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。
我们不需要一定使用 JSX，但它有以下优点：
- JSX 执行更快，因为它在编译为 JavaScript 代码后进行了优化。
- 它是类型安全的，在编译过程中就能发现错误。
- 使用 JSX 编写模板更加简单快速。
Redux
Redux 是 JavaScript 状态容器
- 提供可预测化的状态管理。
- 可以让你构建一致化的应用，运行于不同的环境（客户端、服务器、原生应用），并且易于测试。
- 提供超爽的开发体验。
Redux 可以用这三个基本原则来描述：
单一数据源
整个应用的 state 被储存在一棵 object tree 中，并且这个 object tree 只存在于唯一一个 store 中。
State 是只读的
惟一改变 state 的方法就是触发 action，action 是一个用于描述已发生事件的普通对象。
使用纯函数来执行修改
为了描述 action 如何改变 state tree ，你需要编写 reducers。
相关概念：
Action
需要对state做什么。
Reducer
根据action更新state。
Store
连接action和reducer的对象。
middleware
middleware 是指可以被嵌入在框架接收请求到产生响应过程之中的代码。
promise
Promise的构造函数接收一个参数，是函数，并且传入两个参数：resolve，reject，分别表示异步操作执行成功后的回调函数和异步操作执行失败后的回调函数。
Promise能够简化层层回调的写法，其精髓是“状态”，用维护状态、传递状态的方式来使得回调函数能够及时调用，它比传递callback函数要简单、灵活的多。
redux-actions
用于简化创建action和reducer的类库。 （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
