React学习 -- React源码(1)
来源:互联网 发布:太原培训网络 编辑:程序博客网 时间:2024/04/29 21:11
React源码结构树:
在这些目录结构中,renderers是React代码的核心部分,它包含了大部分功能的实现。
renderers源码目录:
在renderers中,reconciler(协调器)是最核心的部分,包含React中自定义组件的实现、组件生命周期机制、setState机制、DOM diff算法等。
为什么reconciler是核心?
因为reconciler是实现Virtual DOM的最主要代码:在web开发中,要将更新的数据实时反应到UI上,就不可避免的需要对DOM进行操作,而对DOM的复杂频繁的操作将导致开销巨大、性能下降。为此,React引入了VirtualDOM机制,这也正是React的核心与精髓。
在基于React进行开发时,所有的DOM树都是通过VirtualDOM创造的。React在VirtualDOM上实现了DOM diff算法。当数据更新时,会通过该算法找到需要变更的DOM节点,并只对变化的部分进行DOM更新,而不是重新渲染整个DOM树。
阅读全文
0 0
- React学习 -- React源码(1)
- React学习-- React源码(6)React Patch方法
- React学习 -- React源码(2)Virtual DOM模型
- React学习-- React源码(3)生命周期的管理艺术
- React学习-- React源码(4)setState机制
- React学习-- React源码(5)diff算法
- React学习(1)
- React Native源码学习
- 抛开 React 学习 React(1)
- React(1)--开始学习
- React 基础学习(1)
- react学习笔记(1)
- 学习React Native(1)
- react-redux学习笔记-1-react
- React学习之- (React-JSX-Style)
- React学习之-(React Components Lifecycle)
- React学习之-(React-Event-Listener)
- react 学习笔记1
- 一些实用网址 ubuntu截图+屏蔽一些网址+windows7+ubuntu双系统+泰语打字练习
- 16. 3Sum Closest
- java面试必备
- [分享]浅谈电商库存模型
- Jersey—— 一个基于Rest风格的Web Service开发框架
- React学习 -- React源码(1)
- 软件性能测试完整指南
- spring 导入excel
- QT 009 QSqlDatabase 数据库类的使用
- apply()用法和call()的区别,什么情况用apply()什么情况用call()
- 图片右轮播第一张和最后一张无缝衔接
- C++ pair用法
- 修改linux desktop entry 默认打开方式
- [MyEclipse手册]配置tomcat