[设为首页] [加入收藏] 站内搜索:
滚动新闻:
  您当前所在的位置:滨城新闻网 > 媒体聚焦 >
React库给web前端编程开发带来哪些变化
  来源:  时间:2019-10-22 00:41   作者:滨城新闻网

随着互联网的不断发展,web前端编程开发也有了更多的编程库和框架出现,而今天我们就一起来了解一下,React库给web前端编程开发带来哪些变化。

React库给web前端编程开发带来哪些变化

React是一个由Facebook开发的库。在React中,开发人员为其Web界面编写组件并将其组合在一起

1、声明式?—?描述想在View中看到的,而不是如何实现它。在jQuery时代,开发人员必须提出一系列的步骤来操纵DOM,从一个应用状态到下一个应用状态。在React中,只需更改组件中的状态,View将根据状态进行更新。也可通过查看render()方法中的标记来确定组件的外观。

2、函数式—?View是基于state和props的纯函数。多数情况下,React组件由props(外部参数)和state(内部数据)定义。相同的props和state,会构成相同的视图。纯函数易于测试,功能组件也大多相同。由于组件的界面定义良好,可通过提供不同的props和state来对组件进行测试并比较,从而轻松完成测试。

3、可重用性?—?以基于组件的方式编写View就是鼓励重用性。我们发现定义一个组件的propTypes能让React代码自我记录,以让用户可以清楚地知道使用该组件需要什么。此外,您的视图和逻辑在组件中是独立的,不会受到影响也不影响其他组件。只需向组件提供相同的props,就可轻松地在大规模重构过程中shift组件。

4、高性能—?您可能已经听说React使用的是virtualDOM(请勿与shadowDOM混淆),并且在状态发生变化时重新呈现所有内容,那你知道为什么需要virtualDOM吗?虽然现代JavaScript引擎很快,但从DOM读取和写入速度很慢。React在内存中保持DOM的轻量级虚拟渲染。重新渲染一切本身就是一句有误导性的术语。在React中它实际上是指重新渲染DOM的内存中呈现,而不是实际的DOM本身。当组件的底层数据发生变化时,将创建一个新的虚拟呈现,并与先前的进行比较。然后将差异(所需的小变化集)修补到真正的browserDOM。

5、易于学习?—?学习React非常简单。与this相比,ReactAPIsurface相对较小;只有很少的几个API可以学习,并且不会经常变化。React社区是大的社区之一,同时也是一个充满活力的工具生态系统,有开放的UI组件,以及一大批在线资源可供学习。

6、优秀的开发体验?—有许多工具可以改善React的开发体验。ReactDeveloperTools是一个浏览器扩展,可检查组件,查看和操作其props和state。使用webpack进行热言情小说更新可让您在浏览器中查看代码的更改,而无需刷新浏览器。Facebook还提供了一个codemod脚本,以帮助您在有库更新时将代码迁移到新的API,使升级过程相对无痛。

【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。

上一篇:人工智能技术的常见应用方法
下一篇:没有了

友情链接:

Copyright © shbaorui.com All Rights Reserved  滨城新闻网 版权所有
沪icp备12022346号-1