LogoClawIndex
CasesSkillsAbout
LogoClawIndex

fp-ts-react - Apply fp-ts patterns in React apps

Provides patterns for hooks, state, form validation, and data fetching with fp-ts in React 18/19 and Next.js 14/15.

Tags

Updated: 2026-10-05
fp-tsReactfunctional programmingTypeScriptform validationdata fetchingNext.js

Capabilities

Model optional state with OptionValidate forms with EitherFetch data with TaskEitherRepresent async states with RemoteData

Typical Inputs

React application codeForm input valuesAPI endpoints

Typical Outputs

Rendered React UIValidation error messagesLoading and failure states

What this skill does

  • Model optional state with Option
  • Validate forms with Either
  • Fetch data with TaskEither
  • Represent async states with RemoteData
  • Compose transformations with pipe

Inputs

  • React application code
  • Form input values
  • API endpoints
  • User identifiers

Outputs

  • Rendered React UI
  • Validation error messages
  • Loading and failure states
  • Fetched data states

Requirements

  • React 18 or 19
  • Next.js 14 or 15
  • fp-ts library
  • TypeScript support

Source

  • Spec: SKILL.md

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.