首先

我目前正在自学React。我觉得仅仅一直学习而无法解释技术基础是低效的，所以我决定通过写文章来加深理解，并在这篇文章中分享给大家。

目标读者

• Reactをこれから知ろうとしている人

Reactを学び始めたが何ができるかよくわかっていない人

基本情報 (jī

React 是由 Meta 公司（前身為 Facebook 公司）開發的用於構建用戶界面的 JavaScript 函式庫。

用中文母语改述如下：UI（用户界面）是指维基百科中的以下解释。

這是為了在機械，尤其是電腦和機械使用者（通常為人類）之間進行資訊交換的界面。

在网页应用程序中，用户所看到的信息包括网站设计、字体等，React 可以更高效、更灵活地编写这些信息，相对于原生 JavaScript（Vanilla JS）来说。

引以为豪的事情

可以轻松地编写丰富的Web应用程序

在现代的网络应用中，有很多复杂的操作，比如像Facebook和Twitter一样，在当前页面上添加最新信息，或者在各种网站的注册页面上输入ID时，在输入过程中进行唯一性检查。

在纯JS环境下，虽然可以实现，但创建的难度很大，代码会散布在各个地方，从而变得难以阅读的代码。

在React中，通过将UI分解为诸如按钮、字符串等细小的组件单元，并像乐高积木一样将它们组装起来，最终形成了一种构建Web页面的组件机制，这些组件可以是用户信息、也可以是整个文章。

通过使用组件，可以进行声明性描述，因此即使进行复杂操作也可以轻松地编写可读性高的代码。

页面上的操作速度很快

在 React 中，当更新页面的一部分时，可以检测并更新上一次显示与当前显示不同的部分。如果要修改页面的一部分，若需要整个页面重新加载会导致处理变得繁重且更新时间长。利用这种机制，可以立即改变想要修改的部分，从而实现快速处理。

可以创建SPA。

SPA（单页面应用）是指仅需加载一个页面即可进行操作和页面转换的Web应用程序，就像操作本机应用程序（类似于智能手机应用程序）一样。无论进行何种操作或页面转换，都可以平稳运行，减少用户的压力。该机制的实现是通过仅在最初加载时执行加载处理，并通过渲染已加载的信息来进行页面转换。在React中，如上所述，专注于更新页面的部分。由于这种机制在SPA开发中非常重要，因此React通常被选择用于SPA开发。

正在使用的网站

Facebook、Instagram、Twitter、Slack等各个知名网站都采用了React技术进行开发。
使用Google Chrome浏览器的扩展工具React Developer Tools，可以确认一个网站是否采用了React技术，
所以大家可以尝试使用该工具去检查各种不同的网站。

最后

你是否能够形象化React的基本概念呢？对于那些即将开始学习React或者希望深入了解React的人来说，如果能对他们的理解有所助益，那将是我所期望的。感谢您阅读本文直至最后。

请参考以下网站。

React官方网站
深入了解React的入口
声明式？是什么意思？
确认网站是否使用了React