React初识（一）

React Fiber(React16大版本)，这个版本的React在性能和便捷度上都有大幅度的提升。在16版本中，react底层在事件循环中加入了优先级等一些概念，可以利用事件循环的碎片时间执行一些高优先级的用户交互，提高react.js使用过程中的用户体验。
create-react-app这个脚手架工具进行项目的搭建。脚手架是前端开发过程中的辅助工具，它会自动帮我们构建前端开发大型项目中的流程和目录，它允许我们以一定的方式去实现js的相互引用，让我们的项目管理更方便。我们在脚手架里面写的代码不能直接运行，需要脚手架工具帮我们进行代码的编译，编译出来的代码才可以被浏览器识别运行。我们一般使用grunt，gulp，webpack这样的工具帮我们编写脚手架。具体这个脚手架工具的底层实现哇哇哇哇哇_{有时间再去研究叭叭叭叭叭}
jsx模板语法。
React是一种新的编程思想和编程方式，由Facebook推出，编程风格是函数式编程。

工程目录文件简介

yarn.lock文件是项目依赖的安装包的一些版本号会在这里做一些限制，这个文件不要动就好了；
package.json文件，任何一个脚手架工具一般都会有package.json这个文件，其实是node安装包管理用的。
/public/favicon.ico是网页标签左上角的小logo
/public/manifest.json文件里定义了我这个网页如果被当成App来使用，就可以把它存储到桌面上，有一个快捷方式，在手机上或者电脑上你可以通过快捷方式直接进入到我这个网址。在这个文件里就可以定义快捷方式的图标，快捷方式跳转的网址等等。
/src/目录是我们项目开发最主要的目录，这里面放了我们项目所有的源代码，所有代码的入口在/src/index.js文件，这个文件是整个程序运行的入口文件，整个程序从index.js开始逐行运行。react.js有一个设计理念是all in js。以前的css和js是相分离的，但是在react里面css也可以像js一样通过模块的形式嵌入到js里面。
在/src/目录下，index.js文件是整个项目的入口文件，整个文件引入了App.js文件，App.js文件又引入了App.css文件。
/src/index.js中引入 import * as serviceWorker from './serviceWorker';
PWA(progressive web application)它的理念是希望我们通过写网页的形式写手机的App应用
引入serviceWorker实际上就是帮助我们借助网页去写手机App应用的功能。比如我们把网页上线到一台支持https协议的服务器上，那我们的网页就会具备这样的一个特性：当用户第一次访问我们的网页时需要连网才能看见我们的网页，但是一旦用户访问完网页突然断网了，如果项目引入了serviceWorker即使断网了，第二次访问的时候也依然可以访问到之前的那个页面，因为serviceWorker会把之前网页的内容存储在浏览器里面。
App.test.js是做自动化测试的文件。
删掉不核心的文件就变成下面的样子了