LydiaYuan

说到取某些key出来，就是Pick或者Omit了。但ts又没有类似Object.keys().filter这种方式，需要使用映射类型+never去做特殊处理。整个流程就是：映射类型 =》 如果值为函数类型，返回key，否则返回never =》 对映射类型取值，得到函数类型的ke…

本文详细的讲述了 useCallback 与 useMemo 的使用场景，以及有哪些使用中常遇到的问题与采坑点。

在本篇文章中，我不想太深入解释有关 React Suspense 的实现细节和它内部的工作原理，因为已经有很多优秀的博客文章、视频和讨论做过这些事情了。相反，我更愿意把重点放在 Suspense 将会如何影响在应用开发时我们对加载状态和架构应用的思考。 鉴于有些人可能没有听说过…

Fiber 是对 React 核心算法的重构，facebook 团队使用两年多的时间去重构 React 的核心算法，在React16 以上的版本中引入了 Fiber 架构，其中的设计思想是非常值得我们学习的。 我们知道，在浏览器中，页面是一帧一帧绘制出来的，渲染的帧率与设备的刷…

学生：方，今天我面试又挂了。 学生：面试官先是问 Redux，我按照你的押题答上来了。但是他又补了一句，你知道 redux-thunk 吗？它有什么用 再简化一点就是：发现 action 是函数就调用它。 还有一种办法是直接发请求，得到数据之后创建「更新数据」的 action。…

方：今天讲如何让组件「只在自己依赖的数据变化时重新 render」。 这样一来，每个组件都可以在 connect 的时候，选择自己在什么数据变化的时候更新了。 学生：原来如此。 学生：确实。 学生：哇，现在跟 Redux 就已经非常像了。 方：是的。我们来总结一下目前我们自己写…

可以看到，appContext 主要是用来初始化 appState 和 setAppState 的。目前我们使用 App 的 state 当做全局 state，其实是有很大的性能问题的 显然，大部分人不会给每个后代组件都加缓存。 如此一来，就消除了对 App 的 state 的…

学生：是线下面试，给我电脑问我能不能写。我写不出来，老尴尬了 方：你如果想要理解一个库，最好就是先自己写一个类似的库，然后把自己的代码跟它的代码做对比。 学生：我看看 Redux 官网（10秒钟后）官网说 Redux is a predictable state contain…

说出上面代码的执行结果。 如果不过脑子的说是 [2, 3, 4]，那么肯定是错了。实际上，真正的执行结果是 [2, NaN, NaN]。为什么会这样呢？是因为 map 的算子是有两个参数的，第一个参数是被迭代数组的元素，第二个参数是该元素的下标。所以 ['2', '3', '4…