| layout | title | |
|---|---|---|
default |
|
React的概念非常火，今日有幸听点评的前端工程师张强做的分享，进行了总结
- 组件化，可重用
- 通过虚拟DOM来实现高性能
- 数据变化驱动UI构建-flux
React被细化成各个模块，可以充分实现重用，react-native的推出，让react拥有了成为java的可能，即工程师只需要编写一次js。而这段js与native的对应只需要交给大牛即可。
浏览器的资源在页面DOM树发生改变时，会进行重新与css树的计算以及重绘，这是非常消耗资源的，而react则在外面包了一层虚拟的DOM树，即我们的操作实际上是在虚拟的DOM树上进行，什么时候渲染页面是由react来控制的。
这里还有对于速度的优化在于，React重新实现了事件，对于我们是无感的，但是react仅仅只对html进行了事件的监听，然后直接通过元素的id来进行快速的调用。
UI并不关心如何逻辑，他只看着this.states，这个变了，他就会重新渲染页面。这里的渲染替换规则是可控制的，默认直接全部替换，但是我们可以通过react提供的方法来减轻。
这个库很大，大约1万多行，但是非常强大，执行的效率非常高，给了前端大型项目的控制的可能。
提供了性能分析的插件来让我们做优化。
他让各个组件分离开来，我们可以很放心的修改我们组件的代码。
- 申明式的编程，只要保证了数据，展示就是正确的
- 封装，我们想要调用组件的方法，除非真正的浏览器触发，就只能通过refs来触发，杜绝了相互影响
- 少用生命周期函数，说是生命周期函数取这么长就是不想让人用的，尽量在render里面写，因为react的一大原则就是Javascript比你想象中运行的快，如果真的遇到了性能问题，减少render调用，生命周期函数都是应急的时候？？
- 尽量都用stateless组件？？
- 设置完整的propTypes