React

第一章、React介绍

第一节、React介绍

• Facebook开源的一个JavaScript库
• React结合生态库构成一个MV*框架
• React特点
  - Declarative（声明式编码）
  - Component-Based（组件化编码）
  - 高效的DOM Diff算法，最小化页面重绘
  - 单向数据流

第二节、React脚手架、Yarn介绍

如何安装和使用React脚手架

npm install -g create-react-app
create-react-app my-app
cd my-app
npm start

什么是Yarn

• Yarn是新一代包管理工具

为什么使用Yarn

• 速度快
• 安装版本统一、更安全
• 更简洁的输出
• 更好的语义化

如何使用Yarn

• yarn init
• yarn add
• yarn remove
• yarn install

第二章、项目主页工程搭建

第一节、基础插件安装，Less文件加载配置

安装所需的插件

• 安装React-Router、Axios
  yarn add react-router-dom axios less-loader
• 安装AntD
• 暴露webpack配置文件
• 安装less-loader
• 修改less-loader

第二节、项目主页结构开发

第三节、菜单组件开发

第四节、头部组件开发

第五节、底部组件开发