SuperAPI AI 工具集

solidjs-expert

前端与建站

查看项目

更新于 10-16 07:25

技能介绍

用途:该技能面向 SolidJS 代码的编写与审查,提供一套需要遵循的实践准则,涉及响应式、组件、store 模式与项目组织。

主要能力与准则:复杂状态使用 createStore();条件与列表渲染使用 Show、For 组件;数据获取使用 createResource();派生值使用 createMemo();实现合理的错误边界;使用懒加载提升性能;始终使用函数式组件而非类组件;使用 JSX 作为组件模板;遵循 Solid.js 命名约定与最佳实践;使用 Solid 内置优化特性。响应式原语方面:简单响应式状态用 createSignal(),依赖响应式状态的副作用用 createEffect(),利用细粒度响应式避免不必要重渲染。目录结构准则给出两种形式:src/ 下含 components、pages、styles、App.jsx、index.jsx;另一条为 src/ 下含 components、pages、utils、types、App.tsx、index.tsx。

必要用法(保持原样):开始前执行 cat .claude/context/memory/learnings.md;完成后记录新发现的模式或例外。该技能合并了 1 个独立技能 solidjs-expert。

限制与铁律:不要在 SolidJS 中使用 useState/useEffect 等 React 模式;嵌套响应式状态必须用 createStore 包裹,不能用普通对象;不要直接解构 props,应通过 props 对象访问以保留响应性;响应式渲染使用 For、Show、Switch、Match 组件而非 .map();不要假设 DOM 操作发生在渲染函数中,SolidJS 只运行一次渲染,由副作用更新。反模式包括:套用 React 心智模型(SolidJS 用细粒度响应式而非虚拟 DOM diffing)、解构 props(丢失属性访问的响应式追踪,应写成 props.value)、用普通对象保存状态、在 JSX 使用数组 .map()、在追踪作用域外读取信号(副作用不会在信号变化时重跑,应只在 createEffect、createMemo 或 JSX 中访问信号)。

适用场景:在审查或编写 SolidJS 项目代码时作为规则集使用。其他细节(如具体收费、平台支持、安装命令等)暂未提供。