为什么我们选择使用 React 而不是 Angular 构建新 UI

我们在2013年推出了Cloud Elements集成平台的v1版本，这个产品在过去几年里一直为客户和公司发展提供了良好的服务。但是2017年，Web技术迅速演变，从而使用户期望也进一步发展。现在是我们重新思考整个开发者流程的时候了，这也为我们重新思考我们的技术栈提供了一个机会。

在产品发布周期和发布期限的世界中，技术的选择至关重要。以下是我们一路走来的历程，帮助你揭开一些关于React的实用亮点。

我们来自哪里

在React之前，我们使用AngularJS，这可能是当时被选中的最流行的前端框架。 但是如上所述，时过境迁，AngularJS v1.x的统治已被其年轻的小弟Angular 2所篡夺。

离开AngularJS v1.x的一个主要目的是这个框架的生命结束的可预见性。 虽然它仍然得到积极的支持，但这是一个向新事物转变的好机会。

使用 JavaScript 框架的优点

开发团队知道继续使用 JavaScript 框架将提供几个显著的优点：

效率：通过结构良好的预构建模式和功能，可以更快地实现过去需要数月和数百行代码才能实现的项目。

安全性：JavaScript 框架内置安全测试，并且可以得到由成员和用户也作为测试人员的大型社区支持。

成本：大多数框架是开源和免费的。由于它们可以帮助工程师更快地构建定制解决方案，因此 Web App 的最终价格将会降低。

为什么选择 React

当在考虑构建我们新 UI 的不同选择时，React 显然是一个明智的选择，因为它的描述性，高效性和灵活性。与 Angular 不同，ReactJS 是一个基于 JavaScript 的开源库，带有 JSX 编译器。它主要关注用户界面，允许我们创建可重用的 UI 组件。

React 都是基于组件的。使用 React 构建应用程序是将这些组件中的许多组合在一起，将应用程序 UI 带入生活 — 非常像乐高玩具！这些封装的组件管理自己的状态，因为组件逻辑是用 JavaScript 而不是模板编写的，你可以轻松地通过应用程序传递丰富的数据，而不用担心 DOM 中的状态。

你可以为应用程序中的每个状态设计一个简单的视图，并且 React 会在数据更改时处理组件的呈现。

虽然有些人将争取完全无状态的组件，但 React 的真正威力和性能来自于接受应用程序状态概念。

使用 React，你应该永远记住，它实际上并不是一个 JS 框架，而是一个用于渲染视图的库。

虽然有许多框架可供选择（例如，Vue，Ember 和 Angular 2），但 React 具有一些关键优势：

1. JSX 是一种 JavaScript 语法，它启用了 HTML 的引用，并使用 HTML 标签的语法来渲染子组件。它促进机器可读代码的构建，并提供了一个在编译时验证文件中组合组件的能力。
2. 由于使用虚拟 DOM，与 Angular 1.x 相比，它带来了极大的性能提升。除此之外，React 组件可以在应用程序之间创建和重用。
3. ReactJS 和 AngularJS 的主要区别在于 React 是以 JS 为中心的，而 AngularJS 是以 HTML 为中心。JavaScript 要比 HTML 更强大，这使得 React 更加简单，集中和一致。

React 如何改进了我们开发者的开发体验

React 通过 Stackoverflow，Reactiflux Chat，Freenode IRC，Facebook 和 Twitter 等论坛提供支持，这也让我们在选择时更容易做出决定。

React 可能不会做任何事情，但它提供了一个补充工具的列表，包括调试工具，组件工作台，JSX 集成，基本入门工具包，全栈入门工具包，模型管理以及与其他平台紧密合作的其他工具。

React 是 Facebook 和 Instagram 的用户界面使用的框架，这也显示出了它动态，高流量应用程序的效率。React 可能是增长最快的JS“框架”