fp-ts-react - Build React apps with fp-ts patterns
Provides practical fp-ts patterns for React hooks, state management, form validation, and data fetching.
Tags
Updated: 2026-10-05Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Model optional state
- Validate forms with Either
- Accumulate validation errors
- Fetch data with TaskEither
- Chain asynchronous operations
- Represent remote data states
Inputs
- React application code
- Form values
- API endpoints
- Fetch request data
Outputs
- React components
- Custom React hooks
- Validation results
- Loading and error states
- Fetched application data
Requirements
- React 18 or 19
- fp-ts
- Next.js 14 or 15 when applicable
