课程名称

React零基础入门到实战，完成企业级项目简书网站开发

课程章节

第1章 课程导学

• 1-1 课程导学 (09:26)

第2章 React初探5 节 | 53分钟

• 2-1 React简介 (04:15)
• 2-2 React开发环境准备 (09:06)

课程讲师

Dell

课程内容

React 16版本 => React Fiber

React 特点：易上手，难精通
课程主线：

项目技术点：

终点：

https://reactjs.org/

https://reactjs.org/docs/create-a-new-react-app.html

环境搭建 =>
前提：需要按照node和npm
node：https://nodejs.org/en/download/
根据操作系统不同，进行不同的安装
LTS：稳定版本 Current：最新版本
照着npm和node官网安装后，用命令判断是否按照成功 =>

安装脚手架

npm install -g create-react-app 

创建React项目

create-react-app todolist

自动安装项目的依赖包
运行：

cd todolist 
npm start

自动运行 =>

课程收获

了解React简介，可以理解为一种编程思想或者编程方式，
● React js => 通过React编写一些网页的交互效果
● React Native => 用React语法编写原声的app应用
● React VR => React语法开发VR（全景应用）
全球使用人数最多的前端框架，文档比较完善，建议看英文的
React 16以后的版本 => 都称为：React Fiber

docs => 阅读英文文档（边学习边看文档，是最好的学习方式）

React与Vue对比：
● React灵活性更强，比如处理更为复杂的业务时，技术方案会有更多的一些选择
● Vue提供了更丰富的api，实现功能会更为简单，但是因为api多，所以它的灵活性就被限制了
● 在做业务毕竟复杂的应用推荐使用React，而做更面向用户端复杂度不是很高的项目推荐使用Vue
● Vue和React都可以实现一个项目，需要根据对框架的驾驭程度及业务的复杂程度来选择框架

掌握开发环境搭建：
● 引入.js文件来使用React
○ 如果项目毕竟大，则需要对项目的js文件进行拆分，然后页面上就需要通过script标签加载很多拆出来的js文件，这样的操作，就会导致页面的性能非常差，维护性也不好。
● 通过脚手架工具来编码
○ 脚手架：前端开发的辅助工具，自动帮助我们构建一个大型项目的开发流程和目录，它允许我们以一定的方式去实现js文件之间的相互引用，让我们更加方便地进行项目管理。但是在脚手架里写的代码并不能直接运行，需要脚手架工具做代码的编译，编译出来的代码才能被浏览器识别并允许
○ webpack、grunt、gulp工具 => 编写脚手架
○ 这里使用Creat-react-app脚手架工具（React官方脚手架），上手简单，可定制性很强，调试代码非常方便