SuperAPI AI 工具集

url-state-management

前端与建站

查看项目

更新于 10-15 16:49

技能介绍

用途:将 React 状态保存到 URL 查询参数中,使筛选条件、搜索词和弹窗(对话框)状态可以通过链接分享,并支持深度链接;在浏览器前进/后退导航时保留 UI 状态。

主要能力:基于 nuqs 实现 URL 状态同步;覆盖 Suspense 边界、解析器(parsers)、状态清除,以及可深度链接的对话框等模式。

使用方式与前置条件:需先完成 Next.js on Vercel 前置配方(在 Bun 上创建 Next.js 应用、配置开发环境并通过 Vercel 自动部署)。资料中给出的命令包括: curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/nextjs-on-vercel 随后按顺序完成: curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/nuqs-setup URL State Patterns 可通过以下命令添加: bunx skills add andrelandgraf/fullstackrecipes/skills -s url-state-patterns

适用场景:需要可分享的筛选、搜索查询,以及通过 URL 直接打开对话框等深度链接场景。

限制:除上述内容外,具体实现代码、支持的框架版本、依赖要求及完整限制说明暂未提供。