# myReact

**Repository Path**: veloma-timer/myReact

## Basic Information

- **Project Name**: myReact
- **Description**: React基础教学
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-11-02
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# <font color=red>React课程大纲</font>
## 1、React课程目标
  * <font color=red>理解组件的概念，组件的用途</font>
  * <font color=red>理解React的核心思想：虚拟DOM，组件化</font>
  * <font color=red>学习React基于组件化开发</font>
  * <font color=red>独自封装组件</font>
  * <font color=red>可用React独立开发项目</font>
## 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标签
  * <font color=green>扩展理解</font>
    * hash url : 通过在url前 添加 '#' 映射成 hash url，# 后边的url又叫片段标识符
    * 更改hash url浏览器不会刷新，但会添加一条浏览历史记录
## 6、React ajax
  * <font color=red>React没有自己的ajax模块</font>
  * Jquery
  * axios
  * fetch
## 7、教程详解 
  * [笔记/01_react_笔记.md](笔记/01_react_笔记.md)
  * [笔记/02_reac案例_笔记.md](笔记/02_reac案例_笔记.md)
  * [笔记/03_webpack构建react应用入门.md](笔记/03_webpack构建react应用入门.md)
  * [笔记/04_react-router_教程.md](笔记/04_react-router_教程.md)
  * [笔记/05_react-UI_教程.md](笔记/05_react-UI_教程.md)