React是一种用于开发交互式用户界面的JavaScript库。React还可用于开发单页应用程序(SPA)，从而提高应用程序性能。
最初作为前端JavaScript库开发，随着时间的推移，React已经发展成可以用于开发服务器端渲染以及移动应用程序。例如，React
Native用于开发iOS和Android移动应用。
React的发展
React由Facebook(现在称为Meta)的软件工程师Jordan Walke开发。Jordan
Walke最初创建了一个名为'FaxJS'的原型。'FaxJS'首次部署在2011年的Facebook新闻动态中。2012年，Facebook收购了Instagram，并将'FaxJS'部署到了Instagram上。
2013年5月，React在美国的JSConf上正式发布，并成为开源项目。React由Facebook(现在称为Meta)维护，用于创建交互式的Web界面。
2015年2月，在React大会上，Facebook宣布了React Native的创建，后来在2015年3月成为开源项目。React
Native用于开发iOS和Android应用程序。
2017年4月18日，Facebook宣布了一组名为React
Fiber的新渲染算法。这种创新改进了以前被称为“Stack”的算法。'Stack'在渲染动态变化时速度较慢。与此同时，使用Fibers，页面的结构被分割成片段，这样就可以方便地独立维护和更新。
React的结构
在本节中，我们将介绍React的结构组成。我们将按照官方推荐的流程创建适用于开发的React应用程序。让我们开始吧。
官方文档建议在学习React或创建新的单页应用程序时使用Create React App。示例：
C:\Users\Username\Desktop\project_folder>npx create-react-app my-app创建了React应用程序之后，您的项目应该如下所示的文件结构。
my-app/
node_modules/
public/
favicon.ico
index.html
src/
App.css
App.js
App.test.js
index.css
index.js
logo.svg
.gitignore
package.json
README.md现在，让我们探索上述文件和文件夹，并了解它们的用途。
node_modules文件夹
此文件夹包含项目所需的所有软件包和依赖项。当您安装这些依赖项和软件包时，它们会被下载并复制到node_modules文件夹中。请注意，由于该文件夹太大，建议不要将此文件夹提交到您的版本控制存储库中。
public文件夹
public文件夹包含index.html文件，您可以在其中设置页面标题和元标记。您可以在public文件夹中添加其他资产，例如样式表、脚本、图像和字体。
请注意以下几点：
Webpack不会处理public文件夹。
使用名为PUBLIC_URL的环境变量来引用public文件夹中的资产。例如，在index.html文件中使用它：
