fp-ts-react - Functional programming patterns for React
Provides practical fp-ts patterns for React hooks, state management, form validation, and asynchronous data fetching.
Tags
Updated: 2026-10-05Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Model optional state with Option
- Validate forms with Either
- Accumulate validation errors
- Fetch data with TaskEither
- Chain asynchronous API calls
- Handle async states with RemoteData
- Compose transformations with pipe
Inputs
- React application code
- fp-ts types and functions
- Form values
- API endpoints
- Asynchronous fetch functions
Outputs
- Validated form data
- Accumulated validation errors
- Fetched API data
- Loading state
- Failure state
- Success state
- Rendered React UI
Requirements
- React 18 or 19
- fp-ts
- TypeScript
- Next.js 14 or 15 when applicable