2. 目录介绍

通过creact-react-app创建React项目。目录结构的介绍以及精简。

最初目录结构

程序入口

src/index.js

import React from 'react';         // 引入react
import ReactDOM from 'react-dom';  // 引入react-dom
import './index.css';              // 引入css
import App from './App';           // 引入App.js
import registerServiceWorker from './registerServiceWorker'; // PWA

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

极简项目

将不需要和无关的文件删除，得到最简React文件项目结构

代码地址 https://github.com/rexyan/simple_react

其他概念

PWA: PWA全称Progressive Web App，即渐进式WEB应用。一个 PWA 应用首先是一个网页, 可以通过 Web 技术编写出一个网页应用. 随后添加上 App Manifest 和 Service Worker 来实现 PWA 的安装和离线等功能。

registerServiceWorker : 为react项目注册了一个service worker，用来做资源的缓存，这样你下次访问时，就可以更快的获取资源。而且因为资源被缓存，所以即使在离线的情况下也可以访问应用（此时使用的资源是之前缓存的资源）

PWA