• 技术文章 >web前端 >前端问答

    react有哪些优缺点

    青灯夜游青灯夜游2022-03-21 18:05:36原创2422

    优点为: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多多了.

    【相关推荐:Redis视频教程

    以上就是react有哪些优缺点的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:react
    上一篇:react ajax开发用什么 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• hooks怎么样,为什么vue和react都选择它!• 怎么配置VSCode,苏爽的调试Vue、React 代码!• VSCode插件分享:一个实时预览Vue/React组件的插件• 什么是hook?聊聊React中常用的两个Hook• 一文带你深入了解React Hooks!
    1/1

    PHP中文网