fp-ts-react - Functional programming patterns for React with fp-ts
Provides practical fp-ts patterns for React hooks, state, form validation, and data fetching in React 18/19 and Next.js 14/15.
Tags
Updated: 2026-10-05Capabilities
Typical Inputs
Typical Outputs
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
- Build React hooks
Inputs
- React application code
- Form input values
- API endpoints
- Asynchronous API responses
Outputs
- React component code
- Validation results
- Validation error messages
- Fetched data states
- Loading and failure states
Requirements
- React 18 or 19
- Next.js 14 or 15
- fp-ts support