manage-client-state - Next.js应用的类型安全客户端状态管理
使用SWR immutable和nuqs管理客户端UI和URL状态
标签
更新于: 2026-03-09能力
典型输入
典型输出
该技能可以做什么
- 管理全局UI状态
- 管理URL查询参数
- 持久化状态到localStorage
- 使用不可变SWR钩子
- 解析URL搜索参数
- 同步浏览器存储
输入
- 侧边栏状态
- 主题偏好
- 分页数据
- 过滤参数
- 搜索查询
- 标签页选择
- 模态框可见性
输出
- URL状态变更
- LocalStorage更新
- UI组件重新渲染
- 浏览器导航
- 搜索参数
- 查询字符串修改
要求
- Next.js应用
- React 18+
- SWR库
- nuqs库
- 客户端组件用于URL状态
- 服务器组件用于解析