react与redux
来源:互联网 发布:用excel制作数据库 编辑:程序博客网 时间:2024/06/10 10:49
最近重新拾起了前端,瞄了一眼react和redux。
关于react
现在的前端,已经从原始粗狂的裸写html,css和js转向专业化工业化的工具链条与各个思想。无论各种编程实践,最后都将模块化,而react则是对html的封装,相当于MVC架构中的View层。
对于每个组件而言,内部绑定一个状态变量,组件的显示依据这个状态来的,当状态转换时,将会重新渲染这个组件(当然,可以hook的)。
对于传统的用javascript拼接字符串来更新DOM而言,react更为轻量,总的来说,它只更新必须更新的。它利用虚拟DOM,比较两次渲染的不同之处,然后只对改焦点进行更新。
对于一颗DOM树,传统通用的树比较算法是O(n^3) 的,react结合实际与经验,提出了多个假设,将时间复杂度降低到O(n)。其中一个很显然的假设是:如果根结点不同的两个DOM是不同的。
关于redux
react只负责视图层的渲染,其他交互部分要由javascript负责,Facebook官方提供了一个基于数据流的Flux,将交互行为分层,通过数据的传递控制UI的显示。不过Flux太重,产生了其他一些类库,redux就是其中之一。
redux的思想和Flux一样是单向数据流,事件数据只由各个事件的触发经过一系列的处理函数传递到视图层。
在react中,父组件是无法获取子组件的状态的,当要进行数据共享时,只能将状态提升到父组件。而redux做得更为彻底,它将所有的状态提到全局,存储在一个称为store的对象内,各层通过api与之交互。
阅读全文
1 3
- React-Native 之 redux 与 react-redux
- React-Native 之 redux 与 react-redux
- react与redux
- React与Redux
- 浅谈 React、Flux 与 Redux
- React , Redux 与 依赖注入
- react-redux连接react与redux入门案例
- react+redux+react-redux
- redux react-redux
- Redux(三: React-Redux)
- react-redux
- React + Redux
- React&Redux
- react-redux
- React Redux
- react-redux
- react-redux
- React-Redux
- 解析数组
- java解析任意形式的json,树型结构展示
- 【HAOI2009】毛毛虫
- JAVA中堆和栈的区别
- fabric源码解析6——GRPC服务
- react与redux
- Hibernate注解详解(超全面不解释)
- TortoiseGit与GitHub项目关联设置
- 7.22.17 第八届福建省大学生程序设计竞赛-重现赛
- BZOJ3142 [Hnoi2013]数列 (组合数学)
- Javascript中的面向对象编程之模式
- alpha融合---PS制作带连续alpha值的png图片
- 欧拉函数推荐博客
- ReentrantLock 锁