无分类 小组分享-React-当中性能优化手段整理 内部小组分享底稿. 回顾一下 React class 组件的优化 useMemo 提供的优化 React.memo 优化 useCallback 优化 避免 render 当中的 DOM 操作 class 组件的优化 通过判断减少数据变化触发的重新渲染, 以及之后的 DOM diff {代码…} JavaScript 对象引用问题 函数式语言当中, 语言设计允许两个对象一样, 举例 Clojure: {代…
javascript React-中的状态自动保存KeepAlive 移动端中，用户访问了一个列表页，上拉浏览列表页的过程中，随着滚动高度逐渐增加，数据也将采用触底分页加载的形式逐步增加，列表页浏览到某个位置，用户看到了感兴趣的项目，点击查看其详情，进入详情页，从详情页退回列表页时，需要停留在离开列表页时的浏览位置上
javascript 30行代码实现一个进度条组件 30行js和30行css实现一个进度条组件，关键在于运用css变量，如何使用css变量； 预览图 代码 Javascript {代码…} CSS {代码…}
无分类 译基于Hooks-的-Redux-速成课 你对 Redux 感到困惑吗？如果使用新的 Redux Hooks，会更加简单！这里是一个关于 Redux 的速成班，将配合 React 函数组件使用：
javascript Preact逐行解析hooks源码 虽然 Preact 和 React 有着相同的 API, 但是其内部实现机制的差异依然是巨大。但是这并不妨碍我们阅读以及学习 Preact 的源码。说一句题外话，今年年初的时候，我的一位哥们@小寒，在北京某家公司面试时遇到了来自 Facebook 的大牛，这位 Facebook 的大牛也曾推荐过他，阅读学习 Preact 的源码。
javascript React-源码阅读9040 之前写的就是相当于的一个学习的笔记,虽然工作中的技术都是 react 相关,但是80%都是一些平常很少涉及到的,导致自己对 react的认识相对比较片面.一些 react的api很少用到,通过 react阅读,系统地熟悉了一下 react所有的 api以及一些相关特性使用场景.继续根据官方的文档和 react.js阅读源码.
javascript React16源码解析八更新流程提交阶段 提交阶段相比于渲染阶段要简单很多，因为大部分更新的前期操作都在渲染阶段做好了。提交阶段的主要任务也就是把之前记录好的更新操作反映到真实的dom上，并且这个过程是不能中断的。
javascript React16源码解析七更新流程渲染阶段3 还记得我们在performUnitOfWork中调用了beginWork，beginWork会沿着子树一直更新，每次都会返回当前节点的child。就算有多个child也只会返回第一个。那么沿着树的结构到达叶子节点的时候，已经没有child了，所以beginWork返回null。如果返回null的话，就会调用completeUnitOfWork。再瞧一眼代码：
