83 lines
2.3 KiB
Markdown
83 lines
2.3 KiB
Markdown
|
# Effector生态技能集
|
|||
|
|
|
|||
|
|
`Effector` `状态管理` `React` `SSR` `路由` `前端框架`
|
|||
|
|
|
|||
|
|
# Effector 生态技能集
|
|||
|
|
|
|||
|
|
- [effectorjs](#effectorjs)
|
|||
|
|
- [effector-storage](#effector-storage)
|
|||
|
|
- [patronum](#patronum)
|
|||
|
|
- [argon-router](#argon-router)
|
|||
|
|
|
|||
|
|
## effectorjs
|
|||
|
|
|
|||
|
|
适用于 Effector v23+ 架构设计、建模、重构及 SSR 安全模式的技能包。
|
|||
|
|
|
|||
|
|
适用场景：
|
|||
|
|
- 设计 store/event/effect 及声明式数据流（`sample`、`attach`、`split`）
|
|||
|
|
- 重构反模式和历史遗留用法
|
|||
|
|
- 构建 scope 安全的 SSR/测试流程（`fork`、`allSettled`、`serialize`、`hydrate`）
|
|||
|
|
|
|||
|
|
文档：
|
|||
|
|
- `skills/effectorjs/SKILL.md`
|
|||
|
|
- `skills/effectorjs/README.md`
|
|||
|
|
|
|||
|
|
安装命令：
|
|||
|
|
```bash
|
|||
|
|
npx skills add aiko-atami/effectorjs-skills --skill effectorjs
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## effector-storage
|
|||
|
|
|
|||
|
|
适用于 `effector-storage` v7.x 持久化策略及契约感知存储流程的技能包。
|
|||
|
|
|
|||
|
|
适用场景：
|
|||
|
|
- 选择适配器（`local`、`session`、`query`、`broadcast`、`memory`）
|
|||
|
|
- 配置带 `clock`、`pickup`、`context` 参数的 `persist` / `createPersist`
|
|||
|
|
- 处理校验与持久化生命周期（`done` / `fail` / `finally`）
|
|||
|
|
|
|||
|
|
文档：
|
|||
|
|
- `skills/effector-storage/SKILL.md`
|
|||
|
|
|
|||
|
|
安装命令：
|
|||
|
|
```bash
|
|||
|
|
npx skills add aiko-atami/effectorjs-skills --skill effector-storage
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## patronum
|
|||
|
|
|
|||
|
|
适用于在 Effector 项目中选择和应用 Patronum 操作符的技能包。
|
|||
|
|
|
|||
|
|
适用场景：
|
|||
|
|
- 为数据流任务挑选合适的 Patronum 操作符
|
|||
|
|
- 应用实用的操作符示例与注意事项
|
|||
|
|
- 将旧版 Patronum 用法迁移至 v2 简写形式
|
|||
|
|
|
|||
|
|
文档：
|
|||
|
|
- `skills/patronum/SKILL.md`
|
|||
|
|
- `skills/patronum/README.md`
|
|||
|
|
|
|||
|
|
安装命令：
|
|||
|
|
```bash
|
|||
|
|
npx skills add aiko-atami/effectorjs-skills --skill patronum
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## argon-router
|
|||
|
|
|
|||
|
|
适用于 `@argon-router/core`、`@argon-router/react`、`@argon-router/paths` 及 `@argon-router/react-native` 在 React Web 和 React Native 中集成的实操技能包。
|
|||
|
|
|
|||
|
|
适用场景：
|
|||
|
|
- 配置路由、路由器及控制器
|
|||
|
|
- 使用 `RouterProvider`、`createRouteView`、`createRoutesView`、`Outlet` 构建路由视图
|
|||
|
|
- 通过 React Navigation stack/tabs 适配器集成原生导航
|
|||
|
|
- 添加类型化路径参数与查询追踪
|
|||
|
|
- 通过 `chainRoute`、`group`、`createVirtualRoute` 组合路由
|
|||
|
|
|
|||
|
|
文档：
|
|||
|
|
- `skills/argon-router/SKILL.md`
|
|||
|
|
- `skills/argon-router/references/*`
|
|||
|
|
|
|||
|
|
安装命令：
|
|||
|
|
```bash
|
|||
|
|
npx skills add aiko-atami/effectorjs-skills --skill argon-router
|
|||
|
|
```
|