关于react需要知道的几个概念

react必须搞懂的4个概念

	1. component
	2. jsx
	3. vistual DOM
	4. Data Flow


component 组件

react的组件化管理。

jsx

javascript xml

Vistual DOM (虚拟DOM)

渲染流程: HTML DOM --> 创建渲染树 --> layout --> 绘制

对于大型复杂的项目来说,每一次dom有所更新,整个渲染流程都将重新加载,此时会有很多计算。 所以会导致效率很低。

而react中。 当接收到render通知的时候(后面会讲什么时候会重新render),会先告诉virtual dom,virtual dom会进行diff算法。 等diff完成后,会通知真实的DOM哪些改变了。

此部分转载于:http://www.zcfy.cc/article/the-one-thing-that-no-one-properly-explains-about-react-why-virtual-dom-hashnode-1211.html

Data Flow(数据流)

数据流,是react一个主要的特点。 

react的数据流向是单向的,只能从父元素传到子元素。即:组件只需从父节点获取props,渲染即可。 因此数据的流动改变是非常清晰的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值