课程大纲：

React Hooks培训

课程对 React Hooks 的钩子函数做了全方位的分析，并且对旧的 Class 写法和新的 Hooks 写法在生命周期上进行对比。

课程除了介绍 Hooks 之外，还会通过纯 Hooks 函数组件的方式对 CNode 门户网站进行移动端页面的重构，

实战过程中会介绍一些真实开发用到的一些技术栈。

1 React 简介
2 useState
3 useContext
4 useMemo
5 自定义 Hooks
6 移动端适配
7 函数组件
8 useEffect
9 useReducer
10 useRef
11 Antd-Mobile
12 Hooks CNode 实战

1
课程介绍及开发环境搭建

1.ReactHooks的由来 2.Hooks和Class两种写法对比 3.搭建开发环境

2
useState 方法介绍及使用实例

1.如何声明、读取和修改变量

2.为什么通过ES6解构的形式获取useState的返回值

3.useState在使用上的一些坑

4.手写简单的useState方法

3
useEffect 代替了哪些生命周期

1.DidMount、DidUpdate的Hook写法

2.WillReceiveProps的Hook写法

3.声明多个useEffect

4.useEffect书写小技巧

5.useEffect性能优势

4
useContext 组件间的传值

1.useContext使用时机

2.useContext写法优势

3.useContext性能分析

5
useReducer 代替 Redux

1.useReducer基础概念

2.useReducer使用

3.useReducer的优势

4.实现类Redux小实战

6
使用 useMemo 提高代码性能

1.什么时候会写出有性能问题的代码

2.memo如何解决性能问题

3.useMemo如何解决性能问题

4.useCallback如何解决性能问题

7
useRef 的使用

1.介绍useRef

2.useRef使用技巧

3.父子组件间的ref传值

8
手写属于自己的 use 函数

1.修改title钩子函数

2.监听页面大变化小钩子函数

3.简化input输入框钩子函数

9
实战开发环境搭建

1.createreactapp初始化项目

2.引入AntdMobile样式库

3.vw实现移动端的适配

4.axios请求库二次封装

5.引入路由机制

10
CNode 移动端网站开发

1.整理cnode项目的接口文档

2.公用头部

3.首页

4.详情页