程序员晚天

Shadow DOM 是一种 Web 标准，它允许开发者在主文档的 DOM 中嵌入一个隔离的 DOM 子树，这个子树有自己的元素、样式和脚本，而不会影响主文档。Shadow DOM 的主要作用是封装，

React Suspense 是 React 16.6 引入的一个特性，它允许组件在渲染之前“等待”某些条件满足，并且能够指定一个加载状态（如旋转的加载指示器），在这个条件满足之前展示给用户。这项特性

React Fiber 是 React 16 中引入的新的协调引擎或重写的核心算法。目的是增强 React 应用程序的性能和响应性，特别是在动画、布局和手势等交互密集型任务中。Fiber 的核心设计理

背景 React 自从 2013 年首次发布以来，已经经历了 11 年历史，也经历了几个关键版本，2017 年，16.0 引入新的核心架构 Fiber，支持了异步渲染；2019 年，16.8 引入了

useTransition 是 React 18 中引入的新 Hook，它是并发模式（Concurrent Mode）功能的一部分。useTransition 允许你告诉 React 某些更新具有较低

作用： useSyncExternalStore 是 React 18 中引入的 Hook，用于在 React 组件中安全地订阅外部（非 React）数据源，同时保持与 React 的更新机制同步。它

当你在 React 组件中使用 Context API 并把状态或计算得来的值传递给 Provider 时，如果这些值没有被正确的缓存，每次组件重新渲染都会创建一个新的对象或函数。这会导致所有消费该

useContext 是 React 的一个内建 Hook，它允许函数组件订阅 React 的 Context 对象。通过使用 useContext，你可以让组件在不通过中间元素逐层传递 props

声明式数据流 声明式数据流指的是通过组件的属性（props）来传递数据，而不是直接在组件内部改变或获取数据。这种方式使得数据的流向更清晰，易于管理和追踪，同时也更易于测试和重用组件。 以下是一个简单的