在看似层出不穷的JavaScript前端框架和库中，有一个库（可以说）占据了至高无上的位置，而这个库就是React。但为什么React年复一年地如此受欢迎？在我们深入探讨React使其如此流行的原理之前，我们首先需要了解是什么导致了React的起源以及它旨在解决哪些问题。React的起源是从90年代到21世纪初，Web前端开发和现在不太一样。它的用户界面要少得多，也不像今天的网站那样具有交互性。在jQuery出现之前，没有统一的方式来工作和操作DOM（文档对象模型），jQuery是第一个为开发人员创建统一方式来使用DOM而无需担心开发人员面临的跨浏览器兼容性问题的人时间API。这很棒，随着网站变得越来越大，其他框架（如backbone.js）允许操作DOM变得越来越容易。单页应用程序（SPA）的诞生伴随着前端开发的便捷性。Web开发开始转向，我们不再每次要显示不同的内容时都需要从服务器获取应用程序代码，相反，现在更多的应用程序在不联系服务器通信的情况下操纵JavaScript来显示新内容。这意味着我们将更少地依赖HTML而更多地依赖JavaScript。随着越来越受欢迎，谷歌开发了一个名为AngularJS的框架，以进一步提高开发SPA的效率。Facebook的问题尽管当时注意到随着应用程序的扩展和前端变得越来越复杂，开发人员很难调试他们的代码并弄清楚数据是如何流动的。对于Facebook及其FacebookAds应用来说尤其如此。尽管他们没有使用AnGuardiJS，Facebook广告团队意识到随着越来越多的人加入开发团队并且他们的代码库不断增长，工程师和开发人员无法跟上，他们意识到他们需要一个最适合他们的解决方案更好的应用程序架构。React解决方案为了解决Facebook面临的问题，2013年Facebook发布了一个非常适合他们的库，叫做React。一年后，谷歌意识到AngularJS的架构让开发人员很难大规模创建好的应用程序，因此他们正在创建一个名为Angular的翻版。随着React的出现，许多人转向使用React来创建应用程序，反过来，自大型科技公司开始使用React以来，React的受欢迎程度猛增。React的4条原则随着React的出现，有4条关键原则导致其持续成功。这4个是1.声明式与命令式方法在React之前，当开发人员与DOM交互时，他们要么使用库，要么手动更改DOM的某些部分以响应各种用户事件。这种思维方式被认为是必要的。例如：在上面的示例中，我们循环遍历listOfNumbers，并且在每次迭代期间，我们将当前数字添加到newList的末尾乘以10。解释每个步骤的过程以获得结果是命令式思维的一个简单示例。另一方面，以下是声明式编程的示例：在上面的示例中，这是声明式的，因为我们没有展示如何制作列表的每个步骤，而是通过使用map()函数为我们抽象一些功能。这很棒，因为它允许我们在扩展时更轻松地调试代码。说到React，当我们操作DOM而不是命令式地操作时，我们使用JavaScript来展示响应事件的每个步骤。现在，我们可以改为向React显示我们应用程序的状态，React将以它知道的最佳方式呈现应用程序。这就是“React”这个名字的由来，因为它会在状态改变时做出反应！2.组件架构第二个原则是React的架构是基于可重用的组件。这将我们的Web应用程序分解为乐高积木，我们可以将这些积木拆开或切换到其他乐高积木。例如：当你用React创建一个网站时，它的第二个原则是你希望你的组件尽可能地可重用，所以如果你要制作一个导航栏。导航栏本身将是它自己的组件，可以潜在地用于其他项目并与其他人共享。类似于页脚甚至按钮组件。3.单向数据流第三个原则指出数据从父组件单向传输到子组件。这是它可能采取的步骤的示例：父组件将状态数据作为props传递给子组件（如果有的话）。子组件返回当前状态的UI表示或继续将数据传递给降级子组件。React呈现UI的整个状态。如果用户引发事件。状态将更新，导致事件再次触发，React重新渲染。这很好的原因是它允许代码随着应用程序的扩展而更易于维护。当我们在组件中有错误时，我们知道我们可以查看组件的位置并在那里纠正错误，而不必怀疑它是否是由于组件范围之外的数据引起的。4.用户界面库最后一个原则是React最终是一个UI库，它只是用户与前端应用程序交互的一种方式。它没有与构建应用程序的框架一样严格的结构。考虑React的一个好方法是，与框架相比，它就像一个烤箱，它就像一个为您提供所有工具的厨房。React允许厨师和开发人员选择他们自己的工具来制作他们的应用程序。React可用于网络、移动设备，甚至用于开发虚拟现实。结论在众多前端框架和库的海洋中，React流行是有原因的。它不仅提供了坚实的编程范式，而且使代码更易于维护。随着技术的发展和前端格局的变化，看看React能走多远将会很有趣。原文链接：让React如此流行的4大主要原则
