LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

fp-ts-react - 使用 fp-ts 模式构建 React 应用

提供在 React 中使用 fp-ts 处理 Hooks、状态管理、表单验证和数据获取的实用模式。

标签

更新于: 2026-10-05
Reactfp-ts函数式编程表单验证数据获取状态管理

能力

典型输入

典型输出

该技能可以做什么

  • 建模可选状态
  • 使用 Either 验证表单
  • 累积验证错误
  • 使用 TaskEither 获取数据
  • 串联异步操作
  • 表示远程数据状态

输入

  • React 应用代码
  • 表单值
  • API 端点
  • Fetch 请求数据

输出

  • React 组件
  • 自定义 React Hooks
  • 验证结果
  • 加载和错误状态
  • 获取的应用数据

要求

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

来源

  • 规范: SKILL.md
建模可选状态
使用 Either 验证表单
累积验证错误
使用 TaskEither 获取数据
React 应用代码
表单值
API 端点
React 组件
自定义 React Hooks
验证结果