考虑将React.js用于下一个前端开发项目？请继续阅读，以深入了解它为何如此受欢迎。

React是一个由Facebook创建的非常强大的库，用于前端开发，允许开发人员构建用户界面。

React是一个JavaScript库，是一个非常强大，灵活，高速的工具，用于处理动态UI，尤其是当UI与数据状态相关时。

2017年9月底，Facebook宣布发布React v16.0，其中包括新功能，如错误边界，门户，改进的服务器端渲染和减小的文件大小，以及完整的内部重写。重写最终将支持异步呈现，这使得可以在不阻塞主执行线程的情况下处理大型组件树。

由于React是基于组件的，因此您可以构建封装组件，每个组件都管理自己的状态。您可以使用和重用这些组件来创建复杂的UI。

它还可以用于使用Node.js 在服务器上呈现， 并使用React Native构建功能强大的移动应用程序。

React的用法允许开发人员创建单页面应用程序（SPA），避免刷新以显示新内容，从而为用户带来出色的外观和感觉。

以下 是指向使用此库的大量网站列表的链接。快速浏览一下，以下是其中一些：

• Facebook
• Airbnb
• Dropbox
• Instagram
• Khan Academy
• Netflix
• PayPal
• Reddit
• Uber

因此，很多网站和公司都使用React。想知道为什么？这是React提供的！

虚拟DOM

当正确使用时，React工作得非常快。最重要的规则之一是正确使用其虚拟DOM提供的功能。DOM的主要问题是创建动态用户界面的过程缓慢。但是，您可以使用轻量级副本，而不是直接与DOM交互。

您可以对副本进行更改，然后将这些更改应用于实际DOM。在您使用它时，您还可以将DOM树与其虚拟副本进行比较。如果两者之间存在差异，则只会重新绘制差异。这避免了昂贵的DOM操作并以非常有效的方式执行更新。

状态

逻辑基于状态，也可以被视为私有数据。对UI的任何更改都应与状态更改相关。此方法提供自动DOM重新呈现，因此开发人员无需担心UI更改。

通过正确利用状态，可以轻松创建流畅，动态，安全且用户友好的应用程序。

为了帮助处理状态和数据，开发人员可以无缝集成Redux，这是一种可预测的数据流架构。Redux将整个应用程序的状态维护在单个不可变状态树中，不能直接更改。

生命周期

React组件有自己的生命周期，基于状态和渲染逻辑。开发人员可以跟踪状态更改和组件装入事件。React具有所有生命周期功能，提供了一种非常强大且灵活的数据和UI工作方式。

可以通过类似render() 和的 方法来控制创建组件并将其插入DOM的时刻 componentDidMount()。检查组件何时被重新渲染，具有componentWillReceiveProps(); 并处理卸载。现在也可以在渲染过程中捕获错误 componentDidCatch()，这样可以优雅地恢复。

其他伟大的事情

JSX

什么是JSX？简而言之，它是JavaScript的扩展，与React协同工作，支持JavaScript代码中的HTML标记。

使用JSX，您可以在JavaScript代码中编写组件内部的HTML代码; 没有必要使用外部模板引擎。这极大地简化了开发过程，使其更易于理解和编写新组件。

使用JSX的一个简单示例

第三部分库

有很多专门为React创建的第三方库（在npm / yarn中简单搜索关键字'react'会返回超过40,000个结果）。这使开发人员可以专注于开发和创建软件本身。

这个生态系统每天都在变大，世界各地的无数开发者都在为此做出贡献。

Mern Stack

MERN（MongoDB，Express，React，Node.js）堆栈是用于开发Web应用程序的基于JavaScript的技术的集合。这些组件共同为构建Web应用程序提供了端到端的解决方案。您可以使用React处理UI部分，使用Node.js和Express处理服务器端，并使用MongoDB包含数据库。

那么为什么要用这种方法？首先，所有编写的代码都可以使用相同的语言 - JavaScript！这可以显着加快软件的开发并帮助维护它。

• 前端和后端开发人员使用相同的编程语言。
• 将前端和后端集成在一起的工作量减少了。
• 更多可重用的代码。
• 统一数据格式 - JSON。

使用MERN可以在开发过程中节省时间和精力。

最后

在React的受欢迎程度方面，有几件事需要考虑：

• JavaScript正变得越来越流行。
• 单向数据绑定有助于简化管理状态。
• 可重复使用的组件。
• MERN堆栈。
• 虚拟DOM。
• 反应原生。

当然，React也有它的缺点 - 例如，它不是一个框架，它只是MVC（模型 - 视图 - 控制器）中的V - 但仍然有很多很好的理由使用它。