react有什么优缺点

这篇文章给大家分享的是有关React有什么优缺点的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

优点为：1、创建动态WEB应用程序变得更加容易；2、可重用组件；3、性能增强；4、兼容性好；5、对SEO友好等。缺点为：React的目标是UI组件，并不是一个完整的框架，基本都需要加上ReactRouter和Flux才能写大型应用。

本教程操作环境：windows7系统、react17.0.1版、Dell G3电脑。

React是一套javascript Web库，由Facebook打造而成且主要用于构建高性能及响应式用户界面。React负责解决其它javascript框架所面对的一大常见难题，即对大规模数据集的处理。能够使用虚拟DOM并在发生变更时利用补丁安装机制只对DOM中的dirty部分进行重新渲染，React得以实现远超其它框架的速度表现。

React的优点

1、创建动态Web应用程序变得更加容易

创建一个专门使用html字符串的动态web应用程序是一件棘手的事情，因为它需要复杂的编码，但是React js解决了这个问题并使其变得更容易。它提供更少的编码并提供更多的功能。它利用JSX(JavaScript扩展)，这是一种特殊的语法，允许HTML引号和HTML标记语法来呈现特定的子组件。它还支持构建机器可读代码。

2、可重用组件

ReactJS web应用程序由多个组件组成，每个组件都有自己的逻辑和控件。这些组件负责输出一小段可重用的HTML代码，这些代码可以在任何需要的地方重用。可重用代码有助于使应用程序更容易开发和维护。这些组件可以与其他组件嵌套，从而允许用简单的构建块构建复杂的应用程序。ReactJS使用基于虚拟DOM的机制来填充HTML DOM中的数据。虚拟DOM的工作速度很快，因为它只更改单个DOM元素，而不是每次都重新加载完整的DOM。

3、性能增强

ReactJS通过虚拟DOM提高了性能。DOM是一个跨平台和编程api，它处理HTML、XML或XHTML。大多数开发人员在更新DOM时都会遇到这个问题，这会降低应用程序的性能。ReactJS通过引入虚拟DOM解决了这个问题。React虚拟DOM完全存在于内存中，是web浏览器DOM的一个表示。因此，在编写React组件时，我们并没有直接向DOM写入。相反，我们编写的虚拟组件会将react转换为DOM，从而获得更流畅、更快的性能。

4、兼容性好

比如使用RequireJS来加载和打包，而Browserify和webpack适用于构建大型应用。它们使得那些艰难的任务不再让人望而生畏。

5、以SEO友好著称

传统的JavaScript框架在处理SEO时存在一个问题。搜索引擎通常在阅读大量javascript应用程序时遇到麻烦。许多web开发人员经常抱怨这个问题。ReactJS解决了这个问题，帮助开发人员在各种搜索引擎上轻松导航。这是因为response .js应用程序可以在服务器上运行，而虚拟DOM将作为常规web页面呈现并返回到浏览器。

6、同构、纯粹的javascript

因为搜索引擎的爬虫程序依赖的是服务端响应而不是JavaScript的执行，预渲染你的应用有助于搜索引擎优化。

7、测试代码的范围

ReactJS应用程序非常容易测试。它提供了一个范围，在这个范围内，开发人员可以在本地工具的帮助下测试和调试他们的代码。

React的劣势：

不适合单独做一个完整的框架

React是目标是UI组件，通常可以和其它框架组合使用，目前并不适合单独做一个完整的框架。React 即使配上 Flux 的组合，也不能称之一个完整的框架，比如你想用Promise化的ajax？对不起没有，自己找现成的库去。而且第三方组件远远不如angular多。React本身只是一个V而已，所以如果是大型项目想要一套完整的框架的话，也许还需要引入Flux和route相关的东西。而Angular在这方面提供的东西比React多多了.

感谢各位的阅读！关于“react有什么优缺点”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！