12、提升Remix应用的用户体验

提升Remix应用的用户体验

1. Remix的优化手段与预取数据

Remix为我们提供了优化应用体验的手段，预取数据就是其中之一。使用预取数据可以减少响应时间，但会增加通过网络下载不必要数据的风险。我们可以通过设置 prefetch 属性为 render 、 viewport 、 intent 或 none ，来决定预取数据的激进程度。

2. 处理动作数据

在Remix应用中， loader 和 action 函数包含了大部分业务逻辑，用于获取、过滤和更新数据，这两个函数都必须返回一个 Response 对象。下面我们将更新费用详情视图并实现一个编辑费用表单：
1. 在编辑器中打开 dashboard.expenses.$id.tsx 路由模块。
2. 从 dashboard.expenses._index.tsx 获取当前代码，尝试修改代码以编辑现有费用。
3. 使用 loader 数据中的费用对象更新表单的 action 属性：

<Form method="POST" action={`/dashboard/expenses/${expense.id}`}