react JS 网页效果 facebook 推出的2013年 函数式编程 人数最多的框架
reactNative 编写app
学习的也是react16.2版本, react16.2版本 称之为 react fiber
开发环境
- 第一种方式, 引入js文件来使用react
- 第二种:方式, 脚手架工具来编码(在脚手架写的代码需要用工具编译浏览器才能认识)
脚手架工具:官方提供的 create-react-app
下载脚手架工具,需要node包,所以电脑上必须安装node环境
node官网: http://nodejs.cn/download/
reactjs中安装脚手架步骤: https://react.docschina.org/docs/create-a-new-react-app.html
安装脚手架的命令:npm install -g create-react-app
开启工程项目的命令:npm create-react-app projectName
安装好node,react开发需要的脚手架工具后,可以通过create-react-app projectName 来开始你的react工程。
学习工程项目
yarn.lock 项目的依赖包
readme.md 可以删除自己用markdown语法写
package.json 项目介绍文件
gitignore: 忽略文件,使用git管理代码时,不想上传的东西放在gitignore里面
node_modules 依赖包
public文件,favicon.ico title上的图标
src文件:index.js整个工程从index.js中从上向下一行一行执行
app.test.js 自动化测试文件
PWA:serviceworker 第一次访问,以后没网也可以访问,manifest.json是与之结合的配置文件