JavaScript 生态系统非常动态,新工具和库会定期弹出,每一个都与其他工具和库略有不同,用户有多种选择,框架也不例外。React 已经成为主流,并被许多大公司使用。
在本文中,我将介绍我为什么应该选择 React 的五个主要原因。
1. 易学易用
React 易于学习和使用,并附带大量的文档、教程和培训资源。任何有 JavaScript 背景的人都可以在几天内理解并开始使用 React。
当然,这部分是因为它是一个非常集中的解决方案。它是 MVC 中的 V - 视图部分,通常被称为“JavaScript 框架之一”,但许多人会争辩说它不是一个真正的框架,而只是一个开源 UI 库。当然,并不是每个人都需要一个成熟的框架解决方案,而 React 为合适的受众提供了很多价值。即使你这样做了,还有其他方法可以填充 MVC 模型的其余部分。
2. 可重用组件
组件很棒,React 就是基于它们。你用它来构建更大的东西,构建应用程序。每个组件都有自己的逻辑并控制自己的渲染,并且可以在您需要的任何地方重复使用。代码重用有助于使您的应用程序更易于开发和维护。它们还可以帮助您在整个项目中实现一致的外观和感觉。这可能是一个简短的描述,但使用组件为您的开发工作提供了很大的优势。
3. 虚拟 DOM
React 最酷的部分之一是虚拟 DOM。通常,当您开发具有大量用户交互和数据更新的应用程序时,您必须仔细考虑您的应用程序结构将如何影响性能。即使使用快速的客户端平台和 JavaScript 引擎,大量的 DOM 操作也可能成为性能瓶颈,甚至会导致令人讨厌的用户体验。更糟糕的是,由于 DOM 是树形结构的,顶层的简单更改可能会对用户界面造成巨大的影响。
React 通过使用虚拟 DOM 解决了这个问题。顾名思义,这是 DOM 的虚拟表示。任何新的视图更改都首先在虚拟 DOM 上执行,虚拟 DOM 存在于内存中而不是屏幕上。然后,一个有效的算法会确定对虚拟 DOM 所做的更改,以识别需要对真实 DOM 进行的更改。然后它确定进行这些更改的最有效方法,然后仅将这些更改应用于真实 DOM。这保证了真实 DOM 的最短更新时间,提供更高的性能和更干净的用户体验。
4. 优秀的开发者工具
React 在设计和调试工具方面得到了很好的覆盖。 React Developer Tools,可用于 Chrome 和 Firefox,是 React 的浏览器扩展。它允许您检查虚拟 DOM 中的 React 组件层次结构。您可以选择单个组件并检查和编辑它们的当前属性和状态。您还可以跟踪任何组件的层次结构并发现父组件和子组件。
如果您使用 Redux,则有一组类似的 Redux 开发人员工具,可让您观察分派的操作和当前状态存储,并观察这些存储中的变化。您还可以调度操作或修改商店并立即看到更改。更新保存在工具中,您可以返回到以前的状态,因此甚至可以在不使用 TARDIS 的情况下进行时间旅行。
5. 使用 JSX 更容易编写
JSX 允许您在 JavaScript 中添加一些 HTML, 这使您可以提出更简单、更清晰的代码。
JSX 产生 React “元素”并具有许多附带好处,包括帮助防止注入攻击。 公平地说,关于 JSX 是好事,因为它使编码更容易,也是坏事,因为它可能会或可能不会违反关注点分离,存在激烈的争论。
本文来源:www.gec-edu.org