背景
如今Web应用的业务场景变得越来越复杂, 几乎所有的应用都尝试或者已经在Web上使用,同时,用户对Web应用的体验也越来越高,这一切几乎给前段开发人员的开发带来了巨大的挑战。Facebook的开源React技术创造新的提出了一种全新的UI开发理念,让UI开发变得简单,高效,可控。React开源以来,迅速风靡了整个前段世界,推动前段开发有了革命性的进步。所以,本人是跪着来学习React的,且月学习的深入越是感慨React的强大。
初识React
前端UI的本质问题是如何将来源与服务器的冬天数据和用户的交互行为高效的反应到复杂的用户界面上。React创新式的引入虚拟DOM,状态,单向数据流等设计理念,形成以组件和核心,用组件搭建UI的开发模式,完美的将数据,组件状态和UI映射到了一起,极大地提高了开发大型Web的效率。
React我归纳为四个特点:
- 声明式的视图层。使用React再也不需要带薪数据、状态、和视图层交错纵横在一起了,React的视图层是声明式的,基于视图状态声明视图形式。但React的视图层又不同于一般的HTML模板,它采用的是JSX语法来声明,因此可以在视图层中随意使用各种状态数据。
- 简单的更新流程。 React声明式的驶入定义方式有助于简化视图层的更新流畅,你只要定义UI状态,React会负责把它渲染成最终的UI。当组件数据发生变化时,React约会根据最新的状态渲染出最新的UI,单向数据流让React更新流程清晰简洁。
- 灵活的渲染实现。React并不是把视图直接渲染成最终UI,而是把他们渲染成虚拟DOM,虚拟DOM只是简单的JavaScript对象,你可以结合其他依赖库把这个对象渲染成不同终端上的UI。例如,可以使用react-dom在浏览器渲染,使用Node在服务器上渲染,使用React-Native在手机上渲染。
- 高效的DOM操作。React有了虚拟DOM这个隔离层,我就不需要直接操作又慢又笨的真是DOM了,React优异的差异比较算法,是的React可以尽量减少虚拟DOM到真是DOM的渲染次数,以及每次渲染需要改变的真是DOM节点数。
网友评论