LogoClawIndex
案例技能关于
LogoClawIndex

fp-react - 使用 fp-ts 构建 React 函数式模式

提供在 React 中使用 fp-ts 处理 hooks、状态、表单、数据获取和异步状态的实用模式。

标签

更新于: 2026-10-05

能力

典型输入

典型输出

该技能可以做什么

  • 使用 Option 建模可选状态
  • 使用 Either 验证表单
  • 使用 TaskEither 获取数据
  • 使用 RemoteData 建模异步状态
  • 使用 pipe 链式转换
  • 组合顺序 API 调用
  • 并行执行 API 调用

输入

  • React 应用代码
  • 表单验证规则
  • API 端点定义

输出

  • React 组件和 hooks
  • 表单验证结果
  • 加载、错误和成功状态
  • 数据获取实现

要求

  • React 18 或 19
  • fp-ts
  • TypeScript

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
fp-ts
React
TypeScript
hooks
状态管理
表单
数据获取
远程数据
React 19
Next.js
使用 Option 建模可选状态
使用 Either 验证表单
使用 TaskEither 获取数据
使用 RemoteData 建模异步状态
React 应用代码
表单验证规则
API 端点定义
React 组件和 hooks
表单验证结果
加载、错误和成功状态