| Remix 概念 | 港口类比 | 你应该怎么理解 |
|---|---|---|
root.tsx |
港务总控楼 | 整个文档壳子,所有泊位的共同上层 |
| Route Module | 泊位 | 一个 URL 段上的完整业务站点 |
loader |
入港查验窗口 | 只负责读,给页面提供数据 |
action |
作业柜台 | 负责写,处理表单提交和状态变更 |
default export 组件 |
前台屏幕 | 把当前泊位数据展示出来 |
Outlet |
下级泊位入口 | 子路由渲染位置 |
Form |
提单 | 用浏览器原生语义提交动作 |
useFetcher |
旁路作业通道 | 不切主航线的局部读写 |
useNavigation |
靠港指示灯 | 观察当前页面级导航状态 |
ErrorBoundary |
事故隔离区 | 某个泊位炸了,别让整个港口瘫痪 |
| Session/Cookie | 通行证 | 身份、闪存消息、登录态 |
meta / links |
港口告示牌 | 标题、SEO、样式与资源依赖 |
redirect |
改派航线 | 处理完动作后重新发船 |
只要你记住一句话:
Remix 的基本作战单元,不是组件,而是“路由模块”。