LogoClawIndex
案例技能关于
LogoClawIndex

fp-ts-react - React 函数式编程模式

提供适用于 React Hooks、状态管理、表单验证和异步数据获取的 fp-ts 实用模式。

标签

更新于: 2026-10-05

能力

典型输入

典型输出

该技能可以做什么

  • 使用 Option 建模可选状态
  • 使用 Either 验证表单
  • 汇总多个验证错误
  • 使用 TaskEither 获取数据
  • 串联异步 API 调用
  • 使用 RemoteData 管理异步状态
  • 使用 pipe 组合转换

输入

  • React 应用代码
  • fp-ts 类型和函数
  • 表单值
  • API 端点
  • 异步获取函数

输出

  • 已验证的表单数据
  • 汇总的验证错误
  • 获取的 API 数据
  • 加载状态
  • 失败状态
  • 成功状态
  • 渲染的 React 用户界面

要求

  • React 18 或 19
  • fp-ts
  • TypeScript
  • 适用时使用 Next.js 14 或 15

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
React
fp-ts
函数式编程
TypeScript
表单验证
数据获取
状态管理
使用 Option 建模可选状态
使用 Either 验证表单
汇总多个验证错误
使用 TaskEither 获取数据
React 应用代码
fp-ts 类型和函数
表单值
已验证的表单数据
汇总的验证错误
获取的 API 数据