Skip to content

Hooks 与 React 19

自定义 Hooks (hooks/)

Hook用途
useSakuraNavOrchestrator编排 Hook(Composition Root),整合全部 hooks 调用、状态管理和 effects,为应用级 Context 提供数据
useTheme主题切换和外观配置
useSiteList网站列表管理(分页加载、无限滚动)
useAppearance外观配置管理
useDragSort拖拽排序(标签/网站)
useSearchBar搜索栏状态管理(引擎切换、建议、AI 推荐)
useSearchEngineConfig自定义搜索引擎配置(localStorage 持久化)
useAiRecommendAI 智能推荐
useToastNotify通知提示(配合撤销栈)
useUndoStack操作撤销栈(push/pop/clear,配合 Ctrl+Z 和 Toast)
useConfigActions配置导入/导出/重置操作、AI 书签分析导入
useCardTagEditor网站标签编辑器(含创建/编辑/删除的撤销逻辑)
useSiteName站点名称管理
useOnlineCheck批量在线检测(手动触发,通过 syncNavigationData() 刷新页面状态)
useEditorConsole编辑器控制台(批量管理标签和网站)
useTagDelete标签删除(普通标签三选项确认 + 社交标签专用对话框)
useSocialCards社交卡片管理(CRUD、点击行为,编辑后调用 updateSiteInCache 就地刷新)
useNoteCards笔记卡片管理(CRUD、查看弹窗 checkbox 交互,附件操作延迟持久化)
useSwitchUser用户切换(列表持久化、弹窗状态)
useSessionExpired会话失效检测与弹窗管理(SSR 检测、API 401 拦截)
useSnapshots快照管理(创建/列表/恢复/删除/重命名 + 编辑模式追踪 + 页面卸载 sendBeacon 保存)

React 19 特性使用

特性使用位置说明
useEffectEventuse-site-list.tsuse-appearance.tsEffect 内安全引用最新状态
useTransition页面切换低优先级过渡
React Compilernext.config.tsreactCompiler: true,自动组件记忆化