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

OSC开源社区 · 公众号 · 程序员 · 2017-08-18 08:30

正文

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

为什么选择 React

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

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

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

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

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

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

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