『壹』 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組件，它會在非同步組件載入完成之前暫停渲染，確保用戶看到的是一個完整的界面，而非等待中的空白區域。