day0623

day0623

hooks

常用的Hook方法：

useState

保存组件状态

useEffect

处理副作用
进行副作用操作
订阅与取消订阅

useContext

减少组件层级

useReducer

无法使用redux提供的中间件

之前的provider包一个context实现响应式？？？

之后组件都用函数式组件

函数式组件没有this

useCallback

记忆函数
解决事件创建多次？？多次渲染
异步用settimeout包一下？？

useMemo

计算属性

useRef

保存引用值
可以绕过Capture Value的特性

react优化：缓存优化：
类组件：should钩子，memo高阶组件
hooks：useCallback、useMemo
webpack优化

用的少：

useImperativeHandle

透传ref
与forwardRef一起使用

useLayoutEffect

同步执行副作用

自定义hooks以use开头
封装复用

路由

useRouteMatch

守卫

promt组件

useHistory

history.listen

所有的钩子都放在函数的最顶层运行

useLocation

项目

创建

npx create-react-app cookbook

mobile.ant.design

react移动端没有好用的组件库

vant社区版
vant react

从头来自己搞webpack

搭环境

yarn add webpack webpack-cli@3 webpack-dev-server html-webpack-plugin -D

yarn add react react-dom -S

babel-loader
解析js

alias实现路径简写

造轮子