『壹』 React 的自定义Hooks和异步组件 - 学习笔记（16）
自定义Hooks是React 16.8新特性，它们本质上是封装函数逻辑，如setTitle、update和useScroll等，提供了更灵活的组件状态管理方式。与高阶组件(HOC)相比，Hooks更简洁且易于理解和使用。
随着项目规模的扩大，组件体积增大可能导致加载速度变慢。React 16.6引入React.lazy和React.Suspense，通过动态import()解决了这个问题，允许代码按需加载，如传统模式的组件加载相比，异步组件实现数据请求后再渲染，提高了用户体验。
动态import允许在运行时加载组件，这种特性使得部分UI错误不会导致整个应用崩溃。React提供的错误边界，即在渲染过程、生命周期方法和组件构造函数中捕获错误，出现错误时会显示备用UI，避免了应用崩溃。
异步组件的核心是使用Suspense组件，它会在异步组件加载完成之前暂停渲染，确保用户看到的是一个完整的界面，而非等待中的空白区域。