有史以来最具介绍性的 React 博客

大家好? 希望你们一切安好。从标题中，你可能已经猜到这篇文章的内容了，但等等，也许你并不知道，或者你可能会发现一些意想不到的东西。所以，请快速阅读这篇文章。

创作这篇文章的缘起

几年前，当我被问到React时，我的回答是它仅仅是JavaScript。没错，它是JavaScript，但除此之外呢？它到底能做什么？为什么每个人都在谈论它？

我一直在寻找一篇非常基础的关于React的文章或读物。但我没有找到任何合适的资料。即使现在，我也看到许多同事或朋友都面临同样的问题，所以我决定撰写一些关于React的文章，帮助他们开始他们的React学习之旅。我会尽我所能使这些文章非常易于理解，就像我之前撰写的Java或CSS文章一样。

在这篇文章中，我将尝试向大家概述React究竟是什么，不会涉及到编码部分或复杂的专业术语，会尽量保持简单，并用几个要点来概括。

请在评论区分享你的想法

让我们开始吧……

---

• React是由Meta（前身为Facebook）创建的一个JavaScript前端库。是的，它是一个库，而不是一个框架，而Angular则是一个用于创建用户界面的框架。
• 使用React，你只需要安装它并创建你的用户界面。我们将在接下来的文章中讨论如何使用它，现在只需要记住，使用它只需使用一个简单的命令进行安装即可。
• 当我们使用React时，它会在我们的web应用程序中提供良好的类似移动应用的体验。
• 当我们使用React创建web应用程序时，我们不需要等待另一个页面加载才能点击任何链接、按钮或选项卡。
• React不需要我们重新加载页面，数据会在页面本身更新，而无需重新加载，这意味着我们不会在这里使用任何reload()方法，尽管没有限制不使用它，因为最终它仍然是JavaScript。
• 使用React创建的web应用程序具有高度的交互性和流畅的使用体验。此外，这里的过渡几乎是即时的，我们不需要等待新页面加载。
• 在传统的网站中，点击一个链接会向服务器发送请求，服务器会返回一个HTML页面作为响应，因此我们可能会有一些延迟，需要等待页面加载。而在React中，我们在浏览器中运行JavaScript，因此我们可以在浏览器中运行我们的逻辑，从而可以操作用户看到的内容。它通过DOM（实际上是一个HTML结构）来实现这一点。这就是为什么我们不需要请求一个HTML页面来向用户显示不同的内容。
• React的主要特点是其声明式、组件化的开发方法。React中的所有内容都是组件。什么是React组件？React组件是一个类似于函数的模块，我们向它传递一些参数，它会返回一个React元素。
• 现在问题来了，什么是React元素？众所周知，我们在HTML中拥有元素（p、div、body），我们使用这些元素来创建应用程序的前端。现在，React元素的使用方式与我们使用HTML元素的方式相同，但是这些React元素是我们自己创建的，而HTML元素是预先创建好的。
• 现在问题又来了，如何创建React元素？要创建React元素，我们使用JSX。JSX代表JavaScript XML。JSX代码基本上是JavaScript中的HTML代码。我们不需要使用JSX，但它使编写React应用程序更容易。关于JSX的介绍就到这里，我们将在另一篇文章中详细讨论JSX。
• 现在最重要的一点是，我们为什么使用React，因为它使用了SPA方法，即单页面应用程序方法。在这种方法中，不会加载新的HTML页面，服务器只发送一次HTML页面，之后React接管并通过操作现有页面上的DOM元素来控制应用程序的UI。Netflix网站就是一个最好的例子，你可以访问它并自己观察，这里不会发生任何HTML页面的加载。https://www.php.cn/link/b06cbb874ce37177f6dcdf690b5ac490

最后，我想说的是，React就是关于构建现代化、响应式的用户界面。

感谢您的阅读。我们很快将在另一篇基础文章中再见

如果您有任何想法，请分享，如果我错了，请指正。

希望您喜欢这篇文章并觉得它对您有所帮助。

在Twitter或LinkedIn上与我联系

如果您想阅读关于Java或CSS的内容，请访问我的博客 https://www.php.cn/link/5a2cb441c18f6535a9fb765251345d0f

以上是有史以来最具介绍性的 React 博客的详细内容。更多信息请关注PHP中文网其他相关文章！