fp-ts-react - Functional Programming Patterns for React
Provides practical fp-ts patterns for React hooks, state, form validation, and data fetching with React 18/19 and Next.js 14/15.
Tags
Updated: 2026-10-05Capabilities
Typical Inputs
What this skill does
- Model optional state with Option
- Validate forms with Either
- Fetch data with TaskEither
- Represent async states explicitly
- Compose transformations with pipe
Inputs
- React application code
- Form values
- API endpoints
- Fetch functions
- User and profile data
Outputs
- React and fp-ts code patterns
- Validated form results
- Validation errors
- Fetched data or errors
- Explicit asynchronous state
Requirements
- React 18 or 19
- fp-ts dependency
- TypeScript support