Advanced React

自React 16.3 以来，React为我们提供了Context。Context本身与状态无关，但它是一个不依赖属性进行跨组件传值的机制。通过把Context与组件状态组合在一起，我们就可以构造全局

让我们开始文章吧。我首先要讨论的是性能问题的：在应用开发过程中，性能问题一直都是最重要的话题之一，当然，性能问题也是本书的重要展开的之一。 在讨论React框架的性能问题时，理解re-renders和

在上一章，我们探索了状态变化是如何自顶向下地触发应用的重新渲染，以及如何使用“状态下移”技巧来处理这个问题。然而，上一章的例子还是有点太简单了，而且状态也太孤立了。这样的话，把状态下移是比较简单的。那

在上一章，我们知道了把组件当做属性传递，可以很好的提升应用的性能。但是，这个模式不仅仅能提升组件的性能，这个模式还有很多不为人知的优点。这种模式所解决的最大用处，是提升组件的灵活性和配置方面的能力。

在上一章，我们讨论了可以把元素作为属性传递来解决代码的灵活性问题、组件的配置问题。也讨论了如何为作为属性来传递的元素配置默认属性。但是把元素作为属性这一模式，无论其多强大，但依旧无法为我们处理所有问题

现在， 我们已经知道React开发过程中一些常用的模式以及其工作原理，那么现在，让我们进一步探讨性能问题吧。准确的说，让我们来讨论一个与在 React 中提升性能密切相关，但实际上在我们至少一半的应用

上：https://juejin.cn/post/7448836807603503138 中：https://juejin.cn/editor/drafts/7448899175355580450

接下来，我们要讨论的是高阶组件。在钩子函数出现前，高阶组件是用于共享状态和上下文的最佳模式。这个模式在今天也是常用的，特别是老的库。所以，也许在现在的代码中使用该模式也许不是最合适的，但是理解其工作原

文章围绕两列布局页面中侧边栏的隐藏/显示功能实现展开，先指出通过属性传递状态的方法存在问题，然后介绍 Context 在该场景中的作用及实现方式，包括使用 useContext 钩子访问状态，同时指出

这篇文章主要介绍了 React 中的 Refs 相关内容。包括为何需要访问 DOM 元素，Ref 的概念及创建、与 state 的不同（Ref 更新不触发重新渲染），以及如何使用 Refs 实现表单简

什么是闭包，它们如何出现，以及为什么需要它们。 什么是过时闭包，以及它们为什么回出现。 导致React出现过时闭包的普遍场景，以及如何处理它们。

这篇文章主要讨论在 React 中用 Refs 实现高级节流和防抖。先介绍了防抖和节流的概念、区别及应用场景，然后通过代码示例讲解在 React 中实现防抖时遇到的问题，如重新渲染导致的计时器和返回函

我们可以在useEffect钩子内计算元素的尺寸，或者改变它们的尺寸。改尺寸时，也许会看到闪烁问题。 这是因为，useEffect通常是异步运行的。在浏览器看来，一个异步任务是一个单独的任务。所以，这

这篇文章主要讨论了在 React 中关于元素的 CSS 定位问题。包括绝对定位并非绝对，其相对最近有 position 属性的元素；解释了堆叠上下文的概念和规则，如元素在 Z 轴的堆叠顺序，以及触发堆

这篇文章主要围绕 React 客户端的数据获取与性能展开，探讨了获取数据的方法、是否借助外部库、性能好的应用的衡量标准、React 的生命周期与数据获取的关系、浏览器的限制等内容，通过多种示例和场景分

上：https://juejin.cn/post/7481536426090594344 下：https://juejin.cn/post/7481580070952976422

这篇文章主要探讨了 React 中的错误处理方法。指出自 React 16 以来错误可能导致应用卸载，介绍了 JavaScript 中try/catch的使用，重点阐述了在 React 中使用try/