SuperAPI AI 工具集

mantine-react-component-dev

前端与建站

查看项目

更新于 10-15 21:51

技能介绍

用途:在开发或维护基于 Mantine UI 的 React 组件库时,提供组件工厂模式、TypeScript 类型、样式定制、上下文、无障碍与测试文档的统一规范。

主要能力:涵盖组件与子组件(如 Component.Target)的复合组件写法;多态工厂模式与类型安全 props、CSS 变量;Mantine Styles API(selectors、vars、modifiers);createSafeContext 上下文共享;受控与非受控状态、生命周期钩子、props 校验与 ref 转发;ARIA、键盘导航与焦点管理;Jest 与 Testing Library 测试;MDX 文档与 Storybook 故事。

使用方式:组件源码位于 package/src/,按 ComponentName.tsx、ComponentName.module.css、context、errors、test、story 等文件组织;文档位于 docs/。提交前运行 npm run prettier:write、npm run lint、npm run jest、npm run test 与 npm run syncpack 检查。保持 @mantine/core 与 @mantine/hooks 版本同步,React 与 Mantine 使用 peerDependencies。

适用场景:开发组件库组件、代码评审、编写演示与 API 文档。

限制:定位为开发规范技能,非运行时库或命令行工具;具体版本、收费与部署方式暂未提供。