SuperAPI AI 工具集

solidjs

测试与质量

查看项目

更新于 10-15 23:45

技能介绍

用途:在编写、审查、调试或测试 Solid 应用与库时提供指导,覆盖 solid-js、@solidjs/router、@solidjs/start、@solidjs/meta。核心前提是 Solid 组件只建立一次响应式图,并非 React 的渲染函数,因此需以官方文档和已安装包版本为事实来源。

主要能力与工作流:先读仓库说明,检查 package.json 与锁文件确认已安装的 Solid 包及版本;对 SolidStart 需先区分 v1 与 v2 再查文档或改代码。按任务只读所需文档分支:core.md 对应 solid-js、JSX、响应式、stores、resources、渲染与测试;router.md 对应路由、导航、路由数据、actions 与重新验证;start.md 对应文件路由、服务端函数、中间件、会话、API 路由、SSR 与部署;meta.md 对应文档头管理。使用不熟悉的原语前先查具体 API 页面,并对照已安装包类型确认签名。

核心模型:在需要更新的追踪作用域内读取 signal、memo、resource 或响应式 prop;需要实时值时传访问器,需要快照时传其结果。派生状态放在派生 signal 或 createMemo 中,createEffect 用于与响应式图外部系统同步,并配合 onCleanup。通过读取 props、用访问器包裹读取或使用 splitProps / mergeProps 保持 prop 响应性,直接解构或赋值视为快照。按需选用 Show、Switch、For、Index;列表身份或顺序变化用 For,位置稳定而值变化用 Index。属性级响应性用 createStore,并通过 setter、路径语法、produce 或 reconcile 更新。异步状态按层选择原语:核心用 createResource,Router 负责缓存与重新验证时用 createAsync / createAsyncStore,并置于合适的 Suspense 与 ErrorBoundary 下。避免在服务端执行浏览器专用 API,保证水合输出在服务端与客户端一致。

限制:资料未提供具体安装命令、收费信息或平台支持范围;完成前需核对每个改动的响应式读取、派生值、副作用、外部资源、异步状态与服务端/浏览器边界,并报告查阅的文档页面与验证命令及结果。