Codex ELISEI React 功能规划｜梳理列表路由与空状态
EnglishCodex 安装步骤
- 打开 GitHub 固定提交的 `.agents/skills/add-react-feature/SKILL.md`，核对内容与使用条件。
- 在自己的项目中创建 `.agents/skills/add-react-feature/`，把核对后的文件保存为 `.agents/skills/add-react-feature/SKILL.md`。
- 在该项目根目录启动 Codex，输入 `$add-react-feature` 并选择同名技能。
中文摘要
按 ELISEI 项目约定规划 React 功能，把路由、页面状态和集中请求逻辑连起来。适合列表、资料页和共用内容界面。
SKILL.md 中文导读
可复现示例
为一个资料页内的收藏列表草拟变更，先列出状态处理。
{"route":"/profile/saved","surface":"saved content","backendStatus":200,"items":[],"emptyText":"No saved items"}工作步骤
- 理清使用步骤和路由入口。
- 识别相关页面、存储和集中请求模块。
- 分别处理加载、空列表、错误和访问限制状态。
验收方法
在 `/profile/saved` 的计划中，将 `200 + []` 映射为 `No saved items`。加载、请求错误与访问限制各有对应状态。
GitHub 原文 · 更新日期
适用环境
用 Codex 打开 ELISEI 的 client/src，准备已有路由、页面、MobX 存储和接口类型作为参考。
常见问题
列表请求应该放在几个组件里？
复用 ELISEI 现有的集中请求逻辑，在页面和组件中处理各自的呈现职责。