# react-hooks

**Repository Path**: mini-docker/react-hooks

## Basic Information

- **Project Name**: react-hooks
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-04
- **Last Updated**: 2021-03-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 如何启动
```
切换到dev-ticket-project分支
cd train-mock
npm i
node index.js
再开一个terminal启动切换至项目根目录 运行`yarn start`
```
### react-hooks
- some of usehooks
- nvm use v10.15.3
- npx create-react-app projectName
- 此工程为MPA

### react新特性
- Context
- ![sql](https://github.com/vue-then/react-hooks/blob/master/img/1.png)
- ContextType
- lazy
- Suspense
- memo

### 类组件不足（一）
1，状态逻辑复用难
- 缺少复用机制
- 渲染属性和高阶组件导致层级冗余
2，趋向复杂难以维护
- 生命周期函数混杂不相干逻辑
- 相干逻辑分散在不同生命周期
3，this指向困扰
- 内联函数过度创建新句柄
- 类成员函数不能保证this
### Hooks优势
优化类组件的三大问题
- 函数组件无this问题
- 自定义Hook方便复用状态逻辑
- 副作用的关注点分离


### 注意
- reacthooks必须按照顺序调用