SuperAPI AI 工具集

remix

前端与建站

查看项目

更新于 10-16 05:48

技能介绍

用途:Remix 是基于 Web 标准(Fetch API、Request/Response)的全栈 Web 框架,提供嵌套路由、可靠的表单变更与 Vite 集成。该技能用于在开发 Remix / React Router v7 应用时提供专家级辅助。

主要能力:支持按路由段并行加载服务端数据的嵌套路由;通过 loader 与 action 处理服务端数据读取与表单提交,并在 action 后自动重新验证数据;使用原生 Form 组件实现渐进增强;使用 useFetcher 处理无需整页跳转的变更(如点赞、内联切换);支持按路由段设置 ErrorBoundary 隔离错误。

使用方式:在路由文件中导出 loader 读取数据、导出 action 处理 POST,并在同一文件内定义组件,实现原子化内聚。示例:export async function loader() { return json(await db.getTasks()); };export async function action({ request }) { const formData = await request.formData(); await db.createTask(formData.get("title")); return json({ ok: true }); }。表单使用 <Form method="post">,输入项需带 name 属性。

适用场景:Web 标准优先的全栈应用、高性能服务器渲染应用、需渐进增强的可靠 Web 应用、乐观 UI 与变更密集型界面。

限制与注意:loader/action 必须返回 Response(如 json(...) 或 new Response(...)),否则报错;表单数据为空通常因 input 缺少 name;子路由未处理错误会被根边界捕获,需导出 ErrorBoundary;不要手动管理客户端缓存,避免从 loader 返回过大的关联数据,也不要在存在 loader 时用 useEffect 获取数据。

其他信息(如收费、价格、平台支持)暂未提供。