Day4 专案架构

之後会以create-react-app建立的专案，来进行React後续的学习，
来看看建立後专案的结构，了解一下预设资料夹和档案有什麽用途吧～

专案内部的资料如下：

node_modeules

专案会使用到的node模组套件安装後放置的资料夹。

package.json

专案的资讯纪录，例如专案名称、版本、套件版本描述等，在终端机输入yarn(npm) install後便会根据package.json安装这些套件。

public

公共资料夹，放置静态档案，不会被webpack编译。

● favicon.ico：
Favorites Icon网站书签缩图。

● index.html：
启动http服务器的首页，专案中唯一的html档，，透过这个节点作为React元件的渲染区域。

● manifest.json：
主要用於在行动装置上提供我们的应用程序(APP)的讯息json文件。

src

主程序档案的放置区域，打包後原始码会被webpack编译。

●index.js:
react专案的进入点。

●App.js:
专案预设的component(元件)。

●index.css:
引入index.js的css。

●App.css:
引入App.js的css。

●App.test.js:
执行npm test的监控模式（watch mode）时，App.js的测试用档案。

●reportWebVitals.js:
web-vitals网站效能指标数据收集测试。

*web-vitals介绍 https://www.ithome.com.tw/news/137434

●setupTests.js:
在npm test之前执行测试环境设定与初始化。