用三个 React Hook 替换轮询实现实时仪表盘

作者将 VORTEX 仪表盘的轮询方案（每5秒请求 API）替换为三个自定义 Hook 配合 Firestore onSnapshot 监听，不再需要轮询、消息队列或独立读取模型。要点如下：

- 数据模型先行：映射 Firestore 集合及其读写权限，activity_feed 只允许追加，确保审计日志不可篡改。
- 三个 Hook（useLeads、useActivityFeed、useProductIntel）各监听一个集合，onSnapshot 自动在卸载时清除监听，无需手动清理。
- 种子数据回退：当 Firestore 为空或出错时，Hook 使用硬编码初始数据渲染仪表盘，保证始终可演示、可开发。
- 使用 ref 管理递归 setTimeout 链，修复 StrictMode 下因重复挂载导致的两条并行循环写状态的问题。

原文链接

#开发者 #工具

📢 频道：@DevToolboxHub