React学习总结-----第三章

第三章 React应用 (基于React脚手架)

3.1使用create-react-app创建react应用

3.1.1 react脚手架

1. react提供了一个用于创建react项目的脚手架库：create-react-app
2.  项目的整体技术架构为：react + webpack + es6 + eslint

3.1.2 创建项目并启动

1. 全局安装 npm i -g create-react-app
2. 切换到想创建的目录，使用命令：create-react-app hello-react
3. 进入项目文件夹：cd hello-react
4. 启动项目：npm start

3.1.3 功能界面的组件化编码流程

1. 拆分组件：拆分界面，抽取组件
2. 实现静态组件：使用组件实现静态页面效果
3. 实现动态组件

3.2 React组件库

1. ant-design 官网：https://ant.design/index-cn
2. material-ui 官网：http://www.material-ui.com/#/