React应用——01——基本规则

1.创建项目

yarn start 项目启动
yarn build 把写完的项目最后进行打包 生成静态文件
yarn eject（慎用） 把所有相关webpack命令配置暴露出来，且不能再隐藏了

2.文件执行顺序

这么多的文件执行顺序是怎样的呢？
首先来到src下的index.js入口文件，引入了各种库，q根据root去index.html找到root。至于怎么把index.js和index.html怎么联系的，是react底层写好的，然后找到APP.js组件，这样就渲染到页面上了

3.index.js文件

这种情况默认找Welcome文件夹下的index.js文件

4.样式的模块化：

当组件里css名字都为index.css时，且样式名称也都一样，后面那个组件的样式会覆盖前面的，所以我们要做样式的模块话
1.将css文件改名为index.module.css，jsx文件引入时要用一个变量接一下，如图：

5.插件——快速生成代码片段

rcc 生成类定义的组件
rfc 生成函数定义的组件

6.修改src名字

我们想留下每个练习案例，可以把src的名字修改了，新的案例用src命名，以后需要看哪个案例就把哪个案例的src名字改回src就可以了

7.组件化编码流程

8.文件引入顺序

第三方的包放最前面，然后是自己的，最后是css样式文件