fp-react - Functional patterns for React with fp-ts
Provides practical fp-ts patterns for React hooks, state, forms, data fetching, and async state handling.
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
- Model async states with RemoteData
- Chain transformations with pipe
- Compose sequential API calls
- Run parallel API calls
Inputs
- React application code
- Form validation rules
- API endpoint definitions
Outputs
- React components and hooks
- Form validation results
- Loading, error, and success states
- Data fetching implementations
Requirements
- React 18 or 19
- fp-ts
- TypeScript