React系列

1、useContextReducer 实现： 案例： 2、useContextState 实现： 案例： 3、useArray 实现: 案例： 4、useBoolean 实现： 案例： 5、useI

一、需求 我们希望有一个每一秒自动+1的定时器 这种写法你会发现页面效果确实能出来，但是性能很差。每当 count 更改了， useEffect 就会渲染一次,定时器也会不停的被新增与移除。过程如下：

useEffect 和异步任务搭配使用的时候会遇到的一些坑总结。 三个常见的问题： 1、如何在组件加载的时候发起异步任务 2、如何在组件交互的时候发起异步任务 3、其他陷阱 一、react hooks

render阶段作用是什么？ render的作用是根据一次更新中产生的新状态值，通过 React.createElement ，替换成新的状态，得到新的 React element 对象，新的 ele

一、为什么采用异步调度？ v15 版本的 React由于对于大型的 React 应用，会存在一次更新，递归遍历大量的虚拟 DOM ，造成占用 js 线程，使得浏览器没有时间去做一些动画效果，伴随项目越

一、React 为什么有自己的事件系统？ 对于不同的浏览器，对事件存在不同的兼容性，React 想实现一个兼容全浏览器的框架， 为了实现这个目标就需要创建一个兼容全浏览器的事件系统，以此抹平不同浏览器

Redux源码中只有同步action,也就是说当dispatch action之后，state就会被立即更新。 那么如果想在redux引用异步数据流，就应当引入中间件。 redux中间件将会在 act

redux主要工作的是以下五个文件： createStore.js applyMiddleware.js bindActionCreators.js 用于将传入的 actionCreator 与 di

在react管控下的setState是异步的，但在setTimeout下的setState是同步。 class组件的setState工作流： 首先setState的入口函数相当于一个分发器，根据入参的

虚拟DOM是什么？ 虚拟 DOM（Virtual DOM）本质上是JS 和 DOM 之间的一个映射缓存，它在形态上表现为一个能够描述 DOM 结构及其属性信息的 JS 对象。 在没有有虚拟DOM的时候

React15生命周期汇总 初始化 constructor 挂载阶段 componentWillMount → render → componentDidMount 更新阶段 componentWil

首先我们得明白以下三个问题 JSX 的本质是什么，它和 JS 之间到底是什么关系？ JSX 是 JavaScript 的一种语法扩展，它和模板语言很接近，但是它充分具备 JavaScript 的能力。

要学习useRef和useImperativeHandle之前，我们得先学习和回顾一下再class组件中的refs。 一、什么是Refs？ 官网是这么说的： 在react数据流中，props是父子组件

一、useCallback和useMemo是什么？ useCallback和useMemo是十个hook中唯二的两个不做其他操作，只做性能优化的两个hook。 二、这两个hook是为了解决什么问题？

一、什么是useReducer？ useReducer是react hooks中提供的一个高级hooks，即便没有这些高级hooks，只用useState、useEffect和useContext，也

一、介绍 useContext是React hooks三个最基础的hook函数之一。 useContext接收一个 context 对象（React.createContext 的返回值）并返回该 c

一、问题 三大基础hook中，最难理解，也最难用好、在使用过程中出问题最多的是useEffect这个hook。我们在使用useEffect的时候，常常会将useEffect去和class组件中的生命周

一、介绍 useEffect是hooks中又一个重要的函数。Effect hooks允许你在组件内部中执行副作用操作。 副作用包括： 数据获取 设置订阅 手动更改DOM等等 useEffect就是为了

1、基本使用： useState函数接收一个初始化参数initialState,其返回值用数组解构出两个参数:state和setState。 在初始化渲染期间，返回的状态 (state) 与传入的第一

1、Hooks深入 React Hooks 带来的好处不仅是 “更新粒度更细，代码更清晰，没有嵌套”，还有如下三个特性： 多个状态不会产生嵌套，写法还是平铺的（renderProps 可以通过 com