react 入门

Posted 2020-10-06

一：virtual DOM  虚拟DOM树

　　在React中，render执行的结果得到的并不是真正的DOM节点，结果仅仅是轻量级的javascript对象，我们称之为virtual DOM。

　　虚拟DOM是React的一大亮点，具有batching(批处理)和高效的Diff算法。这让我们可以无需担心性能问题而”毫无顾忌”的随时“刷新”整个页面，由虚拟 DOM来确保只对界面上真正变化的部分进行实际的DOM操作。

 

二：组件化开发

　　1.自定义标签

　　2.高内聚的资源

　　3.独立的作用域

　　4.规范化的接口

组件化开发的特点

　　1.可组合

　　2.可重用

　　3.可维护

　　4.可测试

 

三：jsx 语法

允许html 和 javaScript 混写。

语法规则：遇到 < 括号，就用 html 语法解析，遇到 { 就用 javaScript 语法解析。

 

四：单项数据流

　　

• 首先要有 action，通过定义一些 action creator 方法根据需要创建 Action 提供给 dispatcher
• View 层通过用户交互（比如 onClick）会触发 Action
• Dispatcher 会分发触发的 Action 给所有注册的 Store 的回调函数
• Store 回调函数根据接收的 Action 更新自身数据之后会触发一个 change 事件通知 View 数据更改了
• View 会监听这个 change 事件，拿到对应的新数据并调用 setState 更新组件 UI

　　单项数据流框架   1. Flux      

　　　　　　　　　　网址： https://hulufei.gitbooks.io/react-tutorial/content/flux.html

　　　　　　　　　　2.Redux

　　　　　　　　　　中文文档： http://camsong.github.io/redux-in-chinese/index.html