你知道 react portal 的前身今世么？这篇文章将会告诉你答案。 Portal 提供了一种将子节点渲染到存在于父组件以外的 DOM 节点的优秀的方案。一个 portal 的典型用例是当父组件有 overflow: hidden 或 z-index 样式时，但你需要子组件…

React 的 16.3 版本中对生命周期进行了较大的调整，这是为了开发者能正确地使用生命周期，避免误解其概念而造成反模式。 本文将重点介绍 getDerivedStateFromProps 这个生命周期。要注意的是，React 16.3 的版本中 getDerivedStat…

接上一篇history源码解析-管理会话历史记录，本篇教你手写history，重在理解其原理。 history是由Facebook维护的，react-router依赖于history，区别于浏览器的window.history，history是包含window.history的…

react-loadable是什么？我们首先看看官方说明通过hoc给组件提供动态加载功能，在实际业务开发中，经常遇到性能优化的问题，其中有一个优化的点，就是通过动态加载组件来减少首屏的size，在re

为了配合接下来React异步渲染的机制，getDerivedStateFromProps终究与我们之前理解的componentWillReceiveProps不一样了，这篇博文Reactv16.4.0

众所周知，React 是 JavaScript 库，用于构建出色的用户界面。但是，并不是每个人都在使用相同的工具或都知道所有有用的工具，这些工具有助于使 React 开发体验更有趣，更主动。 如果大家还没使用 React ，或者你有对它感兴趣的朋友，当他们问你为什么选择这个库的…

当使用 Hook 特性编写组件的时候时候，总能感觉到它的简洁和方便。当然，「天下没有免费的午餐」，它牺牲了可读性并且存在内存泄漏风险（最后有提到）。但这并不妨碍探索它的魔力。 在正式开始前，希望您读过 Hook 的文档或者在项目使用过它。但如果只对函数编程感兴趣，也可能有所收获…

useMome、useCallback用法都差不多，都会在第一次渲染的时候执行，之后会在其依赖的变量发生改变时再次执行，并且这两个hooks都返回缓存的值，useMemo返回缓存的变量，useCallback返回缓存的函数。 React.memo 为高阶组件。它与React.P…

React 16.8 于 2019.2 正式发布，这是一个能提升代码质量和开发效率的特性，笔者就抛砖引玉先列出一些实践点，希望得到大家进一步讨论。 然而需要理解的是，没有一个完美的最佳实践规范，对一个高效团队来说，稳定的规范比合理的规范更重要，因此这套方案只是最佳实践之一。 拥…