1.列表组件中写key的作用是什么
简单无状态的列表不使用key其实更快。在diff算法里，比较新的vnode和旧的vnode有key的情况下是通过键值对map映射的方式获取旧vnode去和新的做比较，没有key值的情况下是通过遍历的方式去对比的。
2.react diff算法
React diff算法是React中用于比较两棵虚拟DOM树的算法。当React应用中的数据发生变化时，React会重新构建虚拟DOM树，并通过diff算法来对新旧虚拟DOM树进行比较，找出两棵树之间的差异，然后将这些差异应用到实际的DOM上，从而实现页面的更新。
React 通过制定大胆的 diff 策略，将 O(n3) 复杂度的问题转换成 O(n) 复杂度的问题；
React 通过分层求异的策略，对 tree diff 进行算法优化；
React 通过相同类生成相似树形结构，不同类生成不同树形结构的策略，对 component diff 进行算法优化；
React 通过设置唯一 key的策略，对 element diff 进行算法优化；
3.虚拟DOM
虚拟DOM可以看做一棵模拟了DOM树的JavaScript对象树
在传统的 Web 应用中，我们往往会把数据的变化实时地更新到用户界面中，于是每次数据的微小变动都会引起 DOM 树的重新渲染。
虚拟DOM的目的是将所有操作累加起来，统计计算出所有的变化后，统一更新一次DOM。
当Node节点的更新，虚拟DOM会比较两棵DOM树的区别，保证最小化的DOM操作，使得执行效率得到保证。
4 redux
将整个应用状态存储到store，store里存在一个状态输 state store
组件通过 store dispatch派发行为action給store，store不会直接修改state,通过用户编写的reducer来生存新的state，并返回给store
其他组件通过订阅store的的state状态来刷新试图
整个应用之一一个store，内部的statetree存储整个应用的state
state是只读的，修改state只能通过派发action，需要通过reducers纯函数描述action如何修改state
单一数据源的设计让react组件之间通信更加方便，也有利于状态的统一管理
5.hooks
Hooks 是 React 16.8 版本引入的一项特性，它允许在函数式组件中使用状态和其他 React 特性，而不需要使用类组件。Hooks 就是钩子，作用是把某个目标结果钩到某个可能会变化的数据源或者事件源上，那么当被钩到的数据或事件发生变化时，产生这个目标结果的代码会重新执行，产生更新后的结果。
解决高阶类组件复用，导致代码层级复杂问题。
React 组件生命周期的复杂，用于代替生命周期函数。
如果一个类一开始设计成了 function 组件，无状态组件，因为需要状态，又改成了 class 成本高。
6.useCallback,useMemo
useCallback 主要用于缓存函数，而不是函数的结果。当组件的状态（state）或属性（props）发生变化时，如果某个函数不需要重新定义，可以使用 useCallback 来缓存这个函数，避免子组件的不必要重新渲染。这有助于减少函数每次父组件渲染时的重新创建，特别是在将函数作为参数传递给子组件时。
useMemo 则主要用于缓存计算结果或值。当某个计算过程非常耗时，且结果在多次渲染中保持不变时，可以使用 useMemo 来存储这个计算结果，避免重复计算。这适用于需要在组件渲染过程中避免高开销计算的情况。
7. memoization
Memoization 的原理就是把函数的每次执行结果都放入一个对象中，在接下来的执行中，在对象中查找是否已经有相应执行过的值，如果有，直接返回该值，没有才真正执行函数体的求值部分。在对象里找值是要比执行函数的速度要快的。
另外，Memoization 只适用于确定性算法，对于相同的输入总是生成相同的输出，即纯函数。
8.fiber
作为架构来说，在旧的架构中，Reconciler（协调器）采用递归的方式执行，无法中断，节点数据保存在递归的调用栈中，被称为 Stack Reconciler，stack 就是调用栈；在新的架构中，Reconciler（协调器）是基于fiber实现的，节点数据保存在fiber中，所以被称为 fiber Reconciler。
作为静态数据结构来说，每个fiber对应一个组件，保存了这个组件的类型对应的dom节点信息，这个时候，fiber节点就是我们所说的虚拟DOM。
作为动态工作单元来说，fiber节点保存了该节点需要更新的状态，以及需要执行的副作用。
