React

本文介绍了几种 React 设计模式，并结合具体的开发实践做了一些实例。这些模式和技巧的应用，能够将一些复杂的问题很轻松的解决掉，达到事半功倍的效果。

本文将讨论 React 数据获取的一些方法和原理，并深入了解 Promise 在数据获取时如何导致了条件竞争（race conditions）以及如何避免它们。

useSyncExternalStore 是 React 18 引入的一个 hook，本文主要介绍 useSyncExternalStore 的一些使用场景。

React.lazy 主要用于实现组件的动态加载，从而减少初始加载时间并提高应用的性能。在 React 应用中有较大的组件需要加载时，使用 React.lazy 可以帮助我们优化性能。

什么是 re-render（重新渲染）？哪些是必要的 re-render？哪些是非必要的 re-render？如果你对这些问题还不是很明白，那么可以在这篇文章中找到答案。

组件化是 React 的核心思想，把独立组件组合起来使用，是对抗项目增长过程中复杂性快速上升的主要手段，在本文中，我们将深入探讨用于分解组件和设计可组合 API 的主要原则。

复合组件是 React 的一个高级模式，通常是由两个或两个以上的组件共同来实现某项功能。其中一个组件作为父组件，其余组件作为它的子组件，利用这种显式父子关系来共享隐式状态。

本文主要讨论如何在 React 中捕获和处理错误，介绍了 try/catch 和错误边界（Error Boundary）等方法的适用场景以及优缺点，以及 Dan 给出的一个比较惊艳的错误处理方案。

useMemo 是一个非常有用的工具，可以帮助优化 React 组件的性能。通过在适当的地方使用 useMemo，可以避免不必要的计算，提高应用程序的响应性和效率。

本文主要介绍数据获取，以及如何在保证性能的前提下正确的实现数据获取，通过简单的示例为大家一步步展开介绍。

useState 是我们使用最频繁的 React hook，在代码中随处可见，但是也经常会出现一些错误的用法。在本文中，将介绍一些关于 useState 的常见错误，以便在今后的工作中避免这些错误。

本文主要介绍为什么需要访问 DOM、Ref 如何帮助我们实现这一点、useRef、forwardRef 和 useImperativeHandle 是什么，以及如何正确使用它们。

React 改变了我们构建 UI 的思维方式，随着它的不断发展，它也正在改变我们构建应用程序的思维方式。在本文中，我们将探讨 React 演进以及出现的各种代码重用模式。

React 18 引入了并发特性，从根本上改变了 React 应用程序的渲染方式。本文将探讨这些最新特性如何影响和提升应用程序的性能。

本文以计数器组件的开发为例子，介绍一种使用 React Hooks 实现全局状态管理的方法，而且实现的方法比较巧妙。

本文是将讨论 PureComponent 和它所解决的问题，了解它是否可以在 Hook 和函数组件的世界中被替换，并介绍 React 重新渲染（re-render）一个有趣（但有点无用）的怪异行为

本文主要介绍 React ref callback 的使用场景，只有在访问底层的 DOM 元素时，才需要 ref callback

Excalidraw 是一个比较受欢迎的手绘风格的白板应用，它提供了编辑器以及相关组件来支持开发者自己搭建应用。本文主要介绍 Excalidraw重构过程中对组件API的思考和设计。

在 React 18 中，并发渲染 (concurrent render) 有可能会出现撕裂这个问题，本文只是介绍产生撕裂的原因。

一直以来，React 在服务端上并不支持 Suspense。这在 React 18 中有所改变，选择不同的 API 来支持不同级别的 Suspense