React课程大纲

1、React课程目标

• 理解组件的概念，组件的用途
• 理解React的核心思想：虚拟DOM，组件化
• 学习React基于组件化开发
• 独自封装组件
• 可用React独立开发项目

2、理解React

• facebook开源的前端JS结构化框架
• 一个用于动态构建用户界面的JS框架

3、React特点概要

• 声明式编程
• 基于组件开发
• 双端渲染
• 操作虚拟DOM对象
• DOM diff（difference）算法
• 高效

4、React核心内容

• 虚拟DOM对象
• jsx语法：主要用来创建虚拟DOM对象
• 组件
• 组件声明周期
• 组件实例对象的三大属性： props, refs, state

5、React-router@3

• Router：路由器
• Route：注册路由
• hashHistory： 收集，管理路由历史记录
• IndexRoute： 默认子路由组件
• Link： 生成a标签
• 扩展理解
  • hash url : 通过在url前 添加 '#' 映射成 hash url，# 后边的url又叫片段标识符
  • 更改hash url浏览器不会刷新，但会添加一条浏览历史记录

6、React ajax

• React没有自己的ajax模块
• Jquery
• axios
• fetch

7、教程详解

• 笔记/01_react_笔记.md
• 笔记/02_reac案例_笔记.md
• 笔记/03_webpack构建react应用入门.md
• 笔记/04_react-router_教程.md
• 笔记/05_react-UI_教程.md