fp-ts-react - Build React apps with fp-ts patterns
Provides practical fp-ts patterns for React hooks, state, forms, data fetching, and asynchronous UI states.
Tags
Updated: 2026-10-05Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Manage optional state with Option
- Validate forms with Either
- Collect validation errors
- Fetch data with TaskEither
- Model async states with RemoteData
- Compose transformations with pipe
Inputs
- React application code
- Form field values
- API endpoints
Outputs
- React components and hooks
- Validation error messages
- Loading, error, and success states
- Fetched API data
Requirements
- React 18 or 19
- Next.js 14 or 15
- fp-ts