热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Web前端:React有哪些优缺点?

如果你在建一个SPA,你可以使用React来开发你的前端,它的主要优势之一是卓越的性能。该库最初是为Facebook建造的,这意味着它的工

  如果你在建一个SPA,你可以使用React来开发你的前端,它的主要优势之一是卓越的性能。该库最初是为Facebook建造的,这意味着它的工程师以各种可能的方式优化它,以确保完美的性能,即使在网络繁忙的情况下。

  这也转化为开发速度——开始使用 React 比使用 Angular 或 Vue 等其他库要快得多。多亏了 JSX,您可以在 Javascript 中编写  HTML,并且可以轻松地重用单独的组件。因此,您可以节省开发成本,这使得PHP成为小企业和初创公司的一个有吸引力的选择。

  使用React有什么好处?

  非常能干

  如果您正在寻找一个易于使用并且对构建可伸缩且经得起未来考验的应用程序非常有帮助的框架,那么React.js是不二之选。这个库使得确保应用程序的响应性、速度、稳定性和一致性变得更加容易,它还可以与VueJS和Angular 2等各种库无缝集成,这是一个非常好的选择。

  处理依赖关系

  当构建大型应用程序时,需要考虑如何组织代码,有一件事很难做到,那就是独立地维护应用程序的不同部分。使用React,您可以定义组件之间的依赖关系,并让Facebook自己开发的组件依赖管理解决方案Flux来处理这些依赖关系。一旦你的项目在规模和复杂性上扩展,Flux将会在处理你可能遇到的任何跨组件问题上提供很大的帮助。

  

 

  插件生态系统

  React有一个巨大的插件生态系统,这意味着你可以找到任何东西的库,这使得将其他工具集成到您的应用程序中并获得您需要的东西变得很容易。例如,如果您希望添加表单验证,有一个简单的npm包可以实现;如果您想添加路由,也有一个简单的npm包。

  无痛安装

  Facebook的React团队已经做了大量工作来确保设置您的开发环境是容易的。使用像create-react-app这样的工具来建立新的项目只需要几分钟,Create-React-App就可以在npm或Yarn之外工作!

  使用React的缺点

  缺乏对旧浏览器的支持

  React不支持IE11等较老的浏览器,这可能会成为一些企业的绊脚石,这个问题正在慢慢解决,但仍然值得注意。

  JSX

  React使用了一个名为JSX的Javascript扩展,这可能会让一些开发人员感到困惑。JSX没有必要使用React,但它可以使开发更快、更容易。

  无论你是专职从事前端开发,还是以后端为主,也需要自己做一些UI界面,那么React作为目前最为流行的前端框架,都值得我们好好钻研。


推荐阅读
  • React 小白初入门
    推荐学习:React官方文档:https:react.docschina.orgReact菜鸟教程:https:www.runoob.c ... [详细]
  • Vue基础一、什么是Vue1.1概念Vue(读音vjuː,类似于view)是一套用于构建用户界面的渐进式JavaScript框架,与其它大型框架不 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 从零基础到精通的前台学习路线
    随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
  • npmrunbuild后dist文件夹下面直接浏览器打开index.html,css和js的路径都不正确。放到跟目录下就正常了,iis上同样只能在根目录下。我项目的目录如下: ... [详细]
  • RN即ReactNative基于React框架针对移动端的跨平台框架,在学习RN前建议最好熟悉下html,css,js,当然如果比较急,那就直接上手吧,毕竟用学习前面基础的时间,R ... [详细]
  • npminstall-Dbabelcorebabelpreset-envbabelplugin-transform-runtimebabelpolyfillbabel-loader ... [详细]
  • 随着前端技术的发展,越来越多的开发者开始使用react、vue等web框架,但很少有人深入理解这些框架的源码。然而,这些框架底层都是由原生的javascript构建而成。对于初学前端的人来说,可能会认为javascript很容易上手,但实际上只是因为它被高度封装了。与能够使用封装类的人相比,能够理解框架原理的人则处于另一个层面。本文将深入剖析jquery源码,探寻框架底层的原理,帮助读者更好地理解web框架的运行机制。 ... [详细]
  • wpf+mvvm代码组织结构及实现方式
    本文介绍了wpf+mvvm代码组织结构的由来和实现方式。作者回顾了自己大学时期接触wpf开发和mvvm模式的经历,认为mvvm模式使得开发更加专注于业务且高效。与此同时,作者指出mvvm模式相较于mvc模式的优势。文章还提到了当没有mvvm时处理数据和UI交互的例子,以及前后端分离和组件化的概念。作者希望能够只关注原始数据结构,将数据交给UI自行改变,从而解放劳动力,避免加班。 ... [详细]
  • 本文介绍了自学Vue的第01天的内容,包括学习目标、学习资料的收集和学习方法的选择。作者解释了为什么要学习Vue以及选择Vue的原因,包括完善的中文文档、较低的学习曲线、使用人数众多等。作者还列举了自己选择的学习资料,包括全新vue2.5核心技术全方位讲解+实战精讲教程、全新vue2.5项目实战全家桶单页面仿京东电商等。最后,作者提出了学习方法,包括简单的入门课程和实战课程。 ... [详细]
  • OAuth2.0指南
    引言OAuth2.0是一种应用之间彼此访问数据的开源授权协议。比如,一个游戏应用可以访问Facebook的用户数据,或者一个基于地理的应用可以访问Foursquare的用户数据等。 ... [详细]
  • 1.移除consol.log()的babel插件安装:npmibabel-plugin-transform-remove-console-D配置:babel.config.js:这 ... [详细]
  • 前言:原本纠结于Web模板,选了Handlebars。后来发现页面都是弱逻辑的,不支持复杂逻辑表达式。几乎要放弃之际,想起了Javascript中ev ... [详细]
  • Error in nextTick: quot;TypeError: Cannot set property #39;xxx#39; of undefinedquot;解决办法
    vue项目在控制台中报这个错误时,当看到nextTick词时想到vue的$nextTick()方法Vue在更新DOM时是异步执行的。只要侦听到数据变化, ... [详细]
  • 前言:原本纠结于Web 模板,选了Handlebars。后来发现页面都是弱逻辑的,不支持复杂逻辑表达式。几乎要放弃之际,想起了Javascript中eval函数。虽然eval函 ... [详细]
author-avatar
疯子zls_565
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有