React主要特性及其优点和缺点 – ReactJS实战教程 _react核心特性

上一章ReactJS实战教程请查看：使用create-react-app创建React项目
这一章我们开始了解React主要的核心特性，这些概念有助于我们后面React项目的快速开发，并了解使用React开发的一些优点和缺点。
React主要特性

文章图片
目前，ReactJS作为最好的JavaScript框架在web开发人员中迅速流行起来。它在前端生态系统中起着至关重要的作用。ReactJS的重要特性如下。

JSX
组件Component
单向数据绑定
虚拟DOM
简单
性能

JSX
JSX代表JavaScript XML，它是一个JavaScript语法扩展，它是ReactJS使用的类似XML或HTML的语法，该语法被处理成React框架的JavaScript调用。它扩展了ES6，使类似HTML的文本可以与JavaScript react代码共存，没有必要使用JSX，但是建议在ReactJS中使用。
组件Component
ReactJS是关于组件的。ReactJS应用程序由多个组件组成，每个组件都有自己的逻辑和控件。这些组件可以重用，这有助于你在处理大型项目时维护代码。
单向数据绑定
ReactJS的设计遵循单向数据流或单向数据绑定，单向数据绑定的优点使你能够更好地控制整个应用程序。如果数据流在另一个方向，那么它需要额外的特性。这是因为组件应该是不可变的，其中的数据不能更改。Flux是一种帮助保持数据单向的模式，这使得应用程序更加灵活，从而提高了效率。
虚拟DOM
虚拟DOM对象是原始DOM对象的表示，它的工作方式类似于单向数据绑定。当web应用程序中发生任何修改时，整个UI都将在虚拟DOM表示中重新呈现。然后检查以前的DOM表示和新DOM之间的差异。完成之后，真正的DOM将只更新实际更改的内容。这使应用程序更快，并且不会浪费内存。
简单
ReactJS使用JSX文件，这使得应用程序更简单，更易于编码和理解。我们知道ReactJS是一种基于组件的方法，可以根据需要重用代码，这使得它易于使用和学习。
性能
ReactJS被认为是一个伟大的表演者。这个特性使它比现在的其他框架要好得多。这背后的原因是它管理一个虚拟DOM，DOM是一个跨平台和编程API，它处理HTML、XML或XHTML，DOM完全存在于内存中。因此，在创建组件时，我们没有直接写入DOM。相反，我们正在编写虚拟组件，这些组件将转换为DOM，从而实现更流畅、更快的性能。
ReactJS的优点和缺点今天，ReactJS是高度使用的开源JavaScript库。它有助于创建令人印象深刻的web应用程序，这些应用程序只需很少的工作和编码。ReactJS的主要目标是开发用户界面(UI)，以提高应用程序的速度。下面给出了ReactJS的主要优点和缺点：
ReactJS的优点
1. 易于学习和使用ReactJS更容易学习和使用。它提供了大量的文档、教程和培训资源。任何具有JavaScript背景的开发人员都可以在几天内轻松理解并开始使用React创建web应用程序。它是MVC(模型-视图-控制器)模型中的V(视图部分)，被称为JavaScript框架之一。它没有完全的特性，但是具有开源JavaScript用户界面(UI)库的优势，这有助于以更好的方式执行任务。
2. 创建动态Web应用程序变得更加容易创建一个专门使用HTML字符串的动态web应用程序是一件棘手的事情，因为它需要复杂的编码，但是React JS解决了这个问题并使其变得更容易。它提供更少的编码并提供更多的功能。它利用JSX(JavaScript扩展)，这是一种特殊的语法，允许HTML引号和HTML标记语法来呈现特定的子组件。它还支持构建机器可读代码。
3.可重用组件ReactJS web应用程序由多个组件组成，每个组件都有自己的逻辑和控件。这些组件负责输出一小段可重用的HTML代码，这些代码可以在任何需要的地方重用。可重用代码有助于使应用程序更容易开发和维护。这些组件可以与其他组件嵌套，从而允许用简单的构建块构建复杂的应用程序。ReactJS使用基于虚拟DOM的机制来填充HTML DOM中的数据。虚拟DOM的工作速度很快，因为它只更改单个DOM元素，而不是每次都重新加载完整的DOM。
4. 性能增强ReactJS通过虚拟DOM提高了性能。DOM是一个跨平台和编程API，它处理HTML、XML或XHTML。大多数开发人员在更新DOM时都会遇到这个问题，这会降低应用程序的性能。ReactJS通过引入虚拟DOM解决了这个问题。React虚拟DOM完全存在于内存中，是web浏览器DOM的一个表示。因此，在编写React组件时，我们并没有直接向DOM写入。相反，我们编写的虚拟组件会将react转换为DOM，从而获得更流畅、更快的性能。
5. 方便的工具的支持React JS也因为一组方便的工具而流行起来。这些工具使开发人员的任务更容易理解。React开发者工具被设计为Chrome和Firefox dev扩展，允许你在虚拟DOM中查看React组件的层次结构。它还允许你选择特定的组件，并检查和编辑它们的当前道具和状态。
6. 以SEO友好著称传统的JavaScript框架在处理SEO时存在一个问题。搜索引擎通常在阅读大量javascript应用程序时遇到麻烦。许多web开发人员经常抱怨这个问题。ReactJS解决了这个问题，帮助开发人员在各种搜索引擎上轻松导航。这是因为response .js应用程序可以在服务器上运行，而虚拟DOM将作为常规web页面呈现并返回到浏览器。
7. 拥有JavaScript库的好处如今，大多数web开发人员都选择ReactJS。因为它提供了一个非常丰富的JavaScript库。JavaScript库为web开发人员提供了更多的灵活性来选择他们想要的方式。
8. 测试代码的范围ReactJS应用程序非常容易测试。它提供了一个范围，在这个范围内，开发人员可以在本地工具的帮助下测试和调试他们的代码。
ReactJS的缺点
1. 高速的发展高发展速度既有优点也有缺点。在不利的情况下，由于环境不断地快速变化，一些开发人员不愿意定期地重新学习做事情的新方法。他们可能很难适应所有这些不断更新的更改。他们需要不断更新自己的技能，学习新的做事方法。
2. 文档缺乏这是技术不断更新的另一个常见缺点。React技术的更新和加速如此之快，以至于没有时间来编写适当的文档。为了克服这个问题，开发人员在当前项目中随着新版本和工具的发展自己编写指令。
3.视图部分ReactJS只覆盖应用程序的UI层，其他什么都不覆盖。因此，你仍然需要选择一些其他技术来获得用于项目开发的完整工具集。
4. JSX作为障碍【React主要特性及其优点和缺点 – ReactJS实战教程】ReactJS使用JSX。这是一个语法扩展，允许HTML和JavaScript混合在一起。这种方法有它自己的好处，但是开发社区的一些成员认为JSX是一个障碍，特别是对于新开发人员来说。开发人员抱怨它在学习曲线上的复杂性。