React学习

概念 属性，完整的对象，数组，Maps 和 Sets 都可以被转化为可观察对象。 使得对象可观察的基本方法是使用 makeObservable 为每个属性指定一个注解。 最重要的注解如下： obser

虚拟dom (virtual dom)(vnode) 虚拟DOM创建： React.createElement() JSX DOM-DIFF DOM-DIFF就是一种比较算法,比较两个虚拟DOM的区别

产生的原因 React15 通过递归的方式进行渲染，使用的是 JS 引擎自身的函数调用栈，它会一直执行到栈空为止。这个过程 react 称为reconcilation（协调）。在reconcilati

官网 react-toolkit最大的特点是：基于切片机制，把reducer和actionCreateor混在一起 官方强烈推荐的工具集，简化了redux很多文件及样板代码 安装 redux-tool

redux的中间件 官网 在了解中间件之前需要对redux等有基础了解 概念 Redux middleware 被用于解决不同的问题，它提供的是位于 action 被发起之后，到达 reducer 之

官网 理解 现在官网将PureComponent归类为 过时API，官网建议最新代码不要使用 PureComponent， 将组件定义为函数而不是类。 在15的版本出现的组件，纯组件PureCompo

官网 useCallback 它可以让你在重新渲染之间缓存函数定义。 参数： fn:要缓存的函数值。它可以接受任何参数并返回任何值。在初始渲染期间，React将返回(不是调用!)你的函数。在下一次渲染

官网 memo 允许你的组件在 props 没有改变的情况下跳过重新渲染。 memo(Component, arePropsEqual?) 使用 memo 将组件包装起来，以获得该组件的一个 记忆化

react-redux官网 redux的了解在 Redux了解、安装及简单使用 、 Redux工程化开发 已经有认识了 redux之前借助的是 React.createContext() 进行redu

useEffect 是为了让函数组件有和类组件一样的生命周期函数，可以在函数组件内通过useEffect实现接口调用、数据加载等操作。 useEffect(callback[,[]]) 参数： 第一个

官网 useMemo – React 实现数据缓存 类似vue内的计算属性 useMemo 是一个React Hook，它可以让你在重新渲染之间缓存计算结果。 概念 参数： calculateValu

官网 useReducer(reducer, initialArg, init?) useReducer 是为了给组件内部添加reducer。 在组件的顶层调用useReducer，用一个reduce

实现对各模块状态操作等管理 具体文件功能如下： action文件夹: 派发行文对象的分模块管理 reducers :reducer模块化管理 action-types.js : 派发行为标识的统一管理

redux是公共状态管理方案 官网 概念 store 下面是store打印结果： store内的方法 具体详细的store方法可以看官网 dispatch 更新 state 的唯一方法是调用 stor

hooks是为了给函数式组件添加属性及声明周期等操作的添加，像类组件一样，实现动态化管理。 在函数组件中使用状态，修改状态值可让函数组件更新，类似于类组件中的setState 引入： let [num

官网 这里会介绍类组件与函数组件内使用ref的内容 现在着重使用的是函数组件，所以先看类组件相关的内容 类组件 标签 ref设置 例子： 打印结果： 受控组件：基于修改数据/状态，让视图更新，达到需要

目前看最新官方文档，setState存在的位置已经在 过时的React API内部了，但是类组件还是有在存在使用的， this.setState([partialState], [callback])

React 父子、跨层级 组件通信了解及使用 组件通信 1.父子通信[具备相同父亲的兄弟组件]: props属性基于ref

创建一个函数并返回jsx元素或者虚拟DOM对象 函数组件是`静态组件`，特性： - 不具备状态、生命周期函数、ref等内容 - 第一次渲染完毕，除非父组件控制其重新渲染，否则内容不会再更新