为什么使用ReactReact起源于Facebook的内部项目，于2013年开源。由于其出色的设计思想和在MVC中更专注于视图层，使得更容易创建交互式用户界面。这是一件轻而易举的事。同时，React还可以为你的应用程序的每个组件设计一个简洁的视图。当数据发生变化时，React可以有效地更新和正确渲染组件。写React就是在写每一个组件，最后将一个界面中的几个组件组合封装成一个完整的页面，这样无论你现在使用的是什么技术栈，都可以随时引入React来开发新的功能。无需重写现有代码。按照本教程提高Web开发效率，学习如何轻松部署React。让我们现在学习吧！1.搭建本地开发环境?CreateReactApp是React创建新单页应用的最佳方式。它配置您的开发环境，以便您可以使用最新的JavaScript功能，提供出色的开发体验，并针对生产优化您的应用程序。您需要在计算机上安装Node>=14.0.0。要了解如何安装Node.js，请参阅nodejs.org。如果您不确定您的系统上运行的是什么版本的Node.js，请在终端窗口中运行node-vnpmpackagemanager因为我们通常使用react提供的脚手架搭建项目结构，所以下载并安装npmpackage和npm>=5.6，你需要一个npm包管理器。本指南使用默认安装在Node.js上的npm客户端命令行界面。要检查您是否安装了npm客户端，请在终端窗口中运行npm-v?您可以使用ReactCLI创建项目、生成应用程序和库代码，以及执行各种持续开发任务，例如测试、打包和部署。要使用npm命令安装CLI，请打开终端/控制台窗口并输入以下命令：npminstall-gcreate-react-app其次，创建一个新的初始应用程序CreateReactApp不处理后端逻辑或操作数据库；它只是创建一个前端构建管道，因此您可以将它与您想要的任何后端一起使用。它内部使用了Babel和webpack，但你不需要了解它们的任何细节。要创建一个新的初始应用程序项目，请执行：npxcreate-react-appmy-app其中“my-app”是您需要创建的项目名称，请自行定义。npx不是打字错误——它是npm5.2+附带的包运行器。项目目录介绍：?README.md项目说明package.json，webpack配置项目包管理。package-lock.json在安装的时候会锁定版本号，保证别人安装npminstall的时候大家的依赖可以保持一致。gitignore这个是git选择性上传的配置文件node_modules项目的依赖包。public公共文件，其中包含公共模板和图标。src是主要的代码编写文件。?public=>manifest.json：移动配置文件。src=>serviceWorker.js：用于编写移动端开发。PWA必须使用这个文件。有了这个文件，就相当于有了离线浏览的功能。3.启动应用服务器，进入工作空间目录，启动应用。cdmy-appnpmstartnpmstart命令构建应用程序，启动开发服务器，侦听源文件，并在这些文件更改时重建应用程序，并打开浏览器到localhost:3000。您会发现该应用程序正在您的浏览器中运行。参考：https://zh-hans.reactjs.org/云平台一键部署React1.创建环境并一键部署React，需要以下账号和服务：?Github账号（https://github.com/),?阿里云账号，使用阿里云账号登录云开发平台(https://workbench.aliyun.com/)。为确保最佳体验，请使用Chrome浏览器。开通OSS服务。?未开通阿里云OSS的用户，点击链接（https://workbench.aliyun.com/...）激活OSS服务。OSS免费开放，有一定的免费额度。超过配额后按量付费。2.创建一个React应用程序?创建一个前端应用程序。打开快速入门https://workbench.aliyun.com/app，找到React，点击Create“创建应用”按钮。?云资源访问授权。如果之前没有使用过云开发平台，会有一个云资源授权管理的选项。向下滚动，直到您同意授权。点击“同意授权”，即可显示授权成功。点击下一步”。?绑定Github账号。授权完成后，选择源仓库为Github，根据提示点击绑定，绑定GitHub账号，登录后点击授权Aliyunworkben，允许云开发平台将你的GitHub代码构建发布为无障碍网站。?选择分叉的“React”存储库。选择第一步的代码仓库，主分支，点击下一步。主干分支一般是指代码的master或者main分支。?填写基本信息，完成创建。填写基本信息，点击“完成”。成功后进入应用详情和部署界面。3.日常环境部署?一键式应用部署。在应用详情页面点击日常环境中的“部署”按钮，进行一键部署。部署状态变为绿色并部署完毕后，您可以点击访问部署网站查看效果。?访问React网站。日常环境下的测试域名也是可以访问的。单击VisitDeployedWebsite按钮，将出现一个弹出窗口。单击弹出窗口中的“立即访问”以访问已部署的站点。部署完成后，您可以继续在本地编码，将代码推送到应用“基本信息”中对应的代码仓库。
