如今，随着使用Javascript的软件应用越来越普及，关于ReactJS和AngularJS的讨论也是此起彼伏。现在，我们就从它们的优缺点、适用场景等方面来综合比较一下。
反应堆
作为Javascript的开源代码库，ReactJS提供了一套完整的精益工程和基于细分的工作流。它是脸书提供的一种特殊语言，可以用来提高前端效果。目前，它有一个庞大而活跃的社区。
React常用于媒体、产品转型、零售、金融创新和人工知识。目前，脸书页面、instagram和WhatsApp应用都是基于React构建的。它通过各种优秀的代码库和组件，带给用户更高的效率、更好的代码稳定性和更满意的搜索引擎优化结果。
为什么是ReactJS？
以下三个因素往往是用户选择ReactJS的主要原因:
1.卓越的更新能力
ReactJS有自己的虚拟文档对象模型。通过管理DOM中的变化，可以及时更新其DOM树，提供良好的显示效果。也就是说，Reactjs只会在调用setState时优先更新虚拟DOM，然后与实际DOM进行比较，最后根据需要更新实际DOM。显然，这不仅降低了DOM的更新频率，也减少了它的更新内容。与机械分配DOM的方式相比，它能更好、更可靠地管理和恢复DOM。
2.有效的SEO
通常情况下，Javascript框架会面临一个巨大的问题:升级后，网页搜索工具往往很难找到大量Javascript类型的应用。ReactJS为此做了很大的优化，可以方便用户的网站捕捉、吸引和留住访客。
3.反应堆中的“段”
当文档由影子DOM呈现时，ReactJS插入子DOM。它独立于主文档的DOM，因此不会影响主DOM树的内容。作为可调节部件，这种独立的段具有各种灵活性。例如，因为它支持代码重用，有经验的Web开发人员可以在开发项目中自由地重用他们的代码组件，从而减少在项目上花费的重复时间。另外，反应一下。Js有下载数据流，可以让那些大数据块无缝高效的输出，没有任何影响。
反应堆的缺点
1.这份文件是一个严重的伤害。
不可否认，React的创新和迭代速度是有目共睹的。然而，这与其滞后的文件形成了鲜明的对比。或许是React的开发者太急于升级性能和功能，拖累了其文档的后续工作。至少对于ReactJS的用户来说，还得自己摸索或者自己编写相关的指南。
2.更新太快。
凡事有利有弊。React在功能上不断更新，但未必能让部分用户买账。对于他们来说，可能需要的只是一个稳定的版本，而不是不断关注它是否更新了什么新功能，是否需要及时跟进学习。
3.JSX语法
JSX是React的核心组件，使用XML标记直接声明接口，方便接口组件的嵌套。作为JS的语句结构，用户可以使用HTML语句向子组件发送HTML标签。类似于XML，是一种具有属性树结构的语法。其目的不是在浏览器引擎中实现，而是通过各种编译器将标签编译成标准的JS语言。
但是，在实际应用中，用户可以使用JSX语法来代替JSX语法。因此，在某种程度上，JSX只是用来使代码易于阅读。
安古拉吉斯
AngularJS作为一种受Typescript约束的开源前端架构，是在基于Javascript的Web框架基础上改进而来的。有了AngularJS，你就可以让应用按照模型-视图-控制器的模型，把应用的数据模型、展现信息、控制信息分开。AngularJS的明显优势包括:易测试、易扩展、易调整，可以直接用于工程设计。一般来说，AngularJS通常用于提供实时视频服务的应用，以及对用户上传内容进行分析和评论的网站等应用场景。
为什么选择AngularJS？
与ReactJS类似，以下三个因素往往是用户选择AngularJS的主要原因:
1.适应性
AngularJS的MVC架构非常清晰，分工明确，扩展性极佳。通过使用Angular，用户可以更专注于业务逻辑，而不用考虑对HTML的影响。可以看出，它所提供的功能耦合度很低，可以与应用程序的其他部分隔离，这样用户就可以很容易地修改或替换一个对象，而不会影响其他对象。同时，在AngularJs中，路由意味着从一个视图移动到另一个视图，因此非常方便和容易。
测试
AngularJS可以通过依赖注入连接到各种控制器，进行单元测试、中途测试、端到端测试。其中，AngularJS的单元测试框架被命名为Karma。它通过向监控器注入仿真信息来实现测试目的。
3.用户界面
由于HTML是一种信息丰富且易于阅读的语言，AngularJS使用HTML来描述Web应用程序的UI。您可以使用HTML中的各种功能特性来描述哪个部分将使用哪个调节器。AngularJS通过对各种条件的管理，不仅增强了用户与Web之间的交互，还准确地描述了用户的真实需求。同时，在AngularJs中，你只需要写一点代码就可以实现DOM的各种操作。
AngularJS的缺点
1.对SEO的支持很差
有开发经验的用户都知道，使用AngularJS将Web程序从PHP、Spring、MVC等服务器端渲染模式改变后，到前端渲染加Ajax，通过Restful API请求数据，搜索引擎往往无法从页面上的数据中抓取对应的搜索索引。这就是为什么单页应用程序需要使用Javascript来定期更新内容和元标签。
2.反向切换问题
设计者不能直接从AngularJS切换到Angular js。在Angular的文档中，有一整段文字清楚地描述了所有可以处理转换的方式，但是没有提到从AngularJS切换到Angular。
3.与MVC高度相关
如前所述，AngularJS是一个遵循MVC模型的框架。所以，如果你有前端交互的开发经验，就很容易理解MVC的相关做法；相反，如果你只有纯前端开发的知识，很难理解MVC和Angular。
ReactJS和AngularJS，如何选择？
我们可能面临的开发项目经常是多种多样的。他们有的注重功能多样性，有的关心向后兼容性，有的需要强大的可扩展性，有的要有高效的性能。那么，如何才能在ReactJS和AngularJS之间做出明智的选择呢？以下是我的一些建议:
如果你习惯于C#和Java等传统的、显式的编程方式，并且精通CSS、HTML和Javascript等编程语言，那么AngularJS将是你正确的决定。
如果你需要做的应用可能会在游戏等快速运行的环境下使用，或者需要持续改进，或者不同部分之间的状态转换，那么ReactJS会更适合。
Angular在功能上更强大。不仅能为用户提供全方位的支持，还能为前端改进提供丰富的帮助和设备集支持。然而，它的赞助商——谷歌(Google)曾在社区中表示:目前，该项目不再前进，他们将致力于逐步将AngularJS改造成Angular 2+。
React在这个领域积累了丰富的经验，对这个社区做出了很多承诺。它推广了一种所谓的“轻量级”方法，让用户可以轻松快速上手，而不必投入更多的学习精力。
就开发速度和熟练程度而言，AngularJS凭借其出色的CLI，不仅可以加快工作空间和配置的提升，还可以通过单行代码构建不同的片段和内容组合范围广泛的简洁代码。
使用外部代码库时，React的速度和效率可能会受到影响。这迫使ReactJS开发人员提前选择合适的设计组件。
由于采用了虚拟DOM，所以在ReactJS中DOM树的信息结构会根据需要进行更新，无论DOM树的整体或部分发生变化或调整。也就是说，开发者对变更的跟踪和刷新不会影响到树的其他部分。
在使用real DOM的AngularJS时，您需要找到并确定哪些部分需要更改。当然，AngularJS在识别和执行变更时的效率并不受限制。
