SuperAPI AI 工具集

remix-patterns

前端与建站

查看项目

更新于 10-16 04:31

技能介绍

用途:为使用 Remix 框架构建应用提供最佳实践、模式与约定参考,帮助开发者按框架惯例组织代码。

主要能力:覆盖路由模块(loader、action、组件、ErrorBoundary 同文件共置)、数据加载(简单获取、鉴权检查、URL 参数搜索、父子依赖加载)、表单处理(基础提交、Zod 校验、乐观 UI、单路由多 action)、错误处理(路由级与嵌套错误边界)、嵌套路由(布局路由、无路径布局)、资源路由(图片生成、文件下载)以及性能优化(并行加载、缓存头、defer 流式渲染)。

核心约定:拥抱 Web 基础,与 HTTP 协作;渐进增强,应用在无 JavaScript 时仍可工作;服务器优先,在服务端完成工作并返回 HTML;嵌套路由组合 UI;不依赖客户端状态,以 URL 和服务器为事实来源。

必要用法:loader 处理 GET 数据获取,action 处理 POST/PUT/DELETE 变更,组件用 useLoaderData 读取数据,表单用 Form 组件提交,错误用 ErrorBoundary 与 useRouteError 处理。loader 返回值需用 json() 或 Response 包装;表单数据始终为字符串需手动转换;redirect 会立即停止执行。

适用场景:构建 Remix 应用、需要服务端渲染与渐进增强的 Web 项目、希望统一数据加载与表单变更模式的团队。

限制:资料未提供该技能的安装命令、收费方式、平台支持或具体版本要求,暂未提供相关信息。