caixin185的博客

在React开发中，随着应用复杂度的增加，状态管理变得尤为重要。Redux虽然强大，但其学习曲线陡峭且配置繁琐。为此，AntDesign团队推出了DVA，一个基于Redux和redux-saga的轻量级状态管理框架，旨在简化开发流程。DVA采用Model-View-Action（MVA）模式，将数据流、视图渲染和业务逻辑封装成独立的模型，每个模型包含状态、同步操作和异步操作。DVA的核心概念包括Model、View、Action和Effect，通过Redux store管理状态，使用redux-saga处理

useSyncExternalStore 是 React 18 引入的一个 Hook，用于订阅外部数据源，确保在并发渲染下数据的一致性。它适用于订阅浏览器 API（如窗口宽高、网络状态）或第三方状态管理库。基本语法包括订阅函数、获取当前状态的函数以及可选的服务器端渲染函数。通过示例展示了如何使用该 Hook 来获取浏览器的网络状态和窗口尺寸，并在组件中应用。这个 Hook 提供了一种高效的方式来管理和同步外部数据源的状态。

要使用这一功能，就像在/examples（示例）目录中的所有文件一样， 您必须在HTML中包含这个文件。Orbit controls（轨道控制器）可以使得相机围绕目标进行轨道运动。OrbitControls 是一个附加组件，必须显式导入。// 需要注意的是图片的宽高必须一样不然 会渲染不出来（黑色） 🤔。