React 运行流程

项目启动流程

1.项目目录下进行 npm start 命令

– 开启了一个服务器，服务器程序的唯一标识 端口号3000

2.浏览器上访问 localhost:3000

localhost: 域名。  代表当前计算机在 网络中的名字
localhost:3000 访问当前计算机中 端口号是3000的软件

3.index.html

固定名称的文件：当访问服务器时，如果没有指定访问的文件名称默认访问index.html
此文件中存在 <div id="root"></div>

4.webpack工具：脚手架自动配置了此工具，项目运行时会自动打包 index.js 文件引入到 index.html 中

5.index.js

引入了 App.js 并且渲染到 id="root" 的标签

6.App.js
项目的根组件：

React项目是 SPA 项目： Single web page Application 单页面网页应用
整个网站只有一个页面，通过路由切换页面中的局部内容，实现页面的变更。