Angular与React：Web开发人员支持中的史诗对决挑选并选择解决方案以快速完成工作并交付给您的业务。过去，大部分处理任务需要在服务器端完成，但今天有相当一部分繁重的工作由客户端完成。有了足够的展示空间，我们现在已经能够在客户端上实现更紧凑和交互式的用户体验。目前市场上有很多客户端代码工具，负责实现数据部署和与用户的交互机制。Angular和React无疑在交付复杂的、数据驱动的Web应用程序和网站方面发挥着核心作用。然而，由于两者实际提供的方法不同，程序员之间就此差异爆发了旷日持久的争论和派别。那么Angular是您团队的正确选择吗？或者也许React更适合你的下一个项目？要正确回答这个问题，我们应该考虑细节并做出最终决定。定位Angular的优势：作为一个完整的框架，当使用Angular开始一个项目的时候，我们的大部分CRUD工作其实已经完成了，因为这套框架内置了创建、更新、删除大量的机制数据对象。您只需要提供对象和相应的字段专有名称即可；然后使用CSS规则来显示它。该框架本身处理字段中数据的创建和操作。换句话说，Angular是一个完整的框架，就像一辆汽车，等着你直接开。React的优势：“只是”一个存储库React项目的支持者通常强调它只是一个存储库——一组在屏幕上显示数据的例程。然而，不是每个JavaScript文件在浏览器上都扮演着同样的角色吗？事实上，只是一组资源的真正含义是，React只是一组工具，不会对您构建页面的意图做出太多假设。React不会提供完整的视图，但它会为您提供一种快速有效地构建所需视图的方法。对于不需要预打包视图模板的用户，他们所需要的只是一点点帮助——一个资源库，而React非常适合这一点。Angular的优势：它的架构可以自顶向下定制两者之间另一个需要掌握的显着区别是Angular内置了大量现成的架构选项。你的工作只是发现这些架构并定制它们。Angular程序员从宏观角度为他们的设计模板添加了很多细节。如果你想使用标准的Angular结构，你可以直接享受这个框架提供的便利。React的优点：从头开始构建的良好灵活性React程序员通常认为他们是在使用React来支持自己的开发工作。这个比喻可能有点冒犯，毕竟在编码工作领域不应该有优劣之分的概念，但也在一定程度上表达了Angular和React的区别。React程序员会不断地向它添加元素，直到他们完成他们的应用结果。而如果你想要有特别的设计，可以直接使用React来构建，而不会破坏Angular等框架中的预设结构。支持的语言Angular的优势：TypeScriptAngular使用了JavaScript的一个变体，即TypeScript，因其能够将强大的类型检查机制与JS的通用结构和方法相结合而得名。这类似于给我们的裤子加吊带。当TypeScript代码被编译成JS进行部署时，其中的所有变量类型定义都会被清理掉。这意味着在投入运行之前会发现并标记所有错误。当然，你不一定非要使用TypeScript，但大多数开发者仍然推崇它，甚至将其视为一种传统而非硬性要求。当然，TypeScript的介入也让我们的代码更加简洁安全。React的优势：标准的JavaScriptReact是建立在标准的Javascript之上的，所以你可以用它来实现标准的JavaScript。但是，用户也可以根据需要在其中混合使用TypeScript。由于TypeScript代码随后被编译成JS形式，所以整个过程是没有问题的。这是你的选择。Angular的优势：HTML，与JavaScript的混合Angular开发人员通常首先创建HTML。我们页面的各个部分使用标签拼写出来，然后通过Angular代码构建。大多数开发人员认为Angular主要是HTML，必要时混入一些JavaScript。这通常使设计人员和其他用户在不必要时更容易访问HTML标记，而无需涉及复杂的JavaScript。用户可以从HTML的角度思考，只在需要时接触一点JavaScript代码。如果你是一个倾向于优先考虑HTML优先的Web开发者，Angular使页面成为一组易于入手的HTML标签，并引入一点JavaScript作为工作精灵来处理杂务。React的优势：JavaScript，一部分HTML混合React应用的核心其实就是一个JavaScript程序，有能力展示HTML，负责定义展示效果。如果需要指定任何HTML，可以提交给JS代码，一切准备就绪后，JS会负责发布这些HTML裁剪元素。这意味着热爱JS的开发者可以更轻松地完成相关工作。具体来说，使用React感觉更像是一个自然的应用程序开发过程，而不是简单地使用标记语言。如果您有程序员类型的思维方式，那么React的默认用法肯定更符合您的喜好。在这里，我们编写函数并传递数据结构，神奇的HTML从后端流向浏览器。总而言之，这是最典型的编程机制。Angular在编程方面的优势：声明式编程一些编程语言专家认为，“声明式”语言允许程序员表达他们需要实现的效果，而其余的工作则由语言本身来完成。对于HTML，这意味着程序员可以使用各种标签（如

、

、

）来指定文档的各个部分（如标题、列表、段落）并让浏览器计算并得到最终结果在屏幕上给出正确的显示内容。React的优点：命令式编程以C、Java、JS为代表的各种经典语言统称为命令式语言。具体来说，我们需要告诉计算机要执行哪些基本指令，以什么顺序执行。虽然在定义层面还存在一些争议，但是可以肯定的是，命令式编程的定位低于声明式编程。以JS为基础，任何熟悉经典编码传统的开发人员都会在React中找到熟悉感。Angular的优势：更多额外的HTML元素HTML本身就是一个很好的标准，类似于本田的Civic制造车间。但如果你想更巧妙、更狡猾，Angular还提供了更多额外的HTML元素可供选择——类似于汽车爱好者为他们的Civics添加氮气加速系统或添加宽轮胎以增加肌肉。Angular为HTML标签包含了几个额外的属性，这些属性最终由Angular解析并用于定义您的应用程序。你实际上不需要编写循环：你将ng-repeat指令添加到你的标记中，Angular会完成剩下的工作。既然您已经决定创造一些新东西，为什么不介绍一些更令人兴奋的东西呢？React的优势：纯JavaScriptReact程序员喜欢强调他们写的是纯JS代码，没有关键字或可能会混淆其他人的特殊功能。这意味着即使是新手程序员也只需要学习JS的标准函数名和数据结构就可以看懂React代码的内容。此外，由于没有任何新类型的功能（和混淆），因此更容易剥离其中的一些代码并在其他项目中重用它。Angular在实现方式上的优势：全新的实现方式学习Angular的过程往往给人一种重生或重新开始的感觉。Angular框架提供了一个全新的世界，您可以在其中创建各种精彩的应用程序。即使你已经了解HTML和JS，你也必须学习如何使用Angular指令来正确完成预期的操作。虽然这种新的学习要求对一些人来说是一种负担，但大多数开发者还是乐于稍微动动一下脑筋，让自己的工作心态保持新鲜。React的优势：比较传统的React更像是老路的延续，而不是新路的开辟。如果你懂JS，你可以很容易地使用它来编写更多的JS代码，顺利地实现你想要的功能。当然，我们还需要了解ReactAPI和正确的数据传递方式，但这一切对于熟悉JS的程序员朋友来说都不是问题——换句话说，我们只需要适应稍微不同的外观，使用API调用新函数。宏观角度：为什么不两者兼而有之？Angular和React都是优秀的解决方案选项——那么我们为什么要选择呢？两者只是构建网页的方式不同，绝非像物质与反物质那样水火不容。例如，ng-React完全能够在Angular中使用React组件。以这种思路为指导，我们很可能会针对应用中的各种需求做出更具体的选择。***需要强调的是，Angular和React之间的差异并不那么严重。真正的挑战是如何设计您的Web应用程序、规划布局并确定每次点击的结果。真正复杂的是如何构思您的应用程序并找到与用户交互的好方法。因此，虽然Angular和React负责在屏幕上显示组件内容、收集输入结果并将它们发送回服务器，但开发的最终结果仍然取决于您。原标题：Angularvs.React：一场争夺开发者心智分享的史诗之战原作者：PeterWayner