domains / families / software-engineering / fp-ts-react

fp-ts-react

authentic

Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Use when building React apps with functional programming patterns. Works with React 18/19, Next.js 14/15.

When to use

• When building React apps with fp-ts for type-safe state management
• When handling loading/error/success states in data fetching
• When implementing form validation with error accumulation
• When using React 18/19 or Next.js 14/15 with functional patterns
• | Situation | Use | |-----------|-----| | Value might not exist | `Option<T>` | | Operation might fail (sync) | `Either<E, A>` | | Async operation might fail | `TaskEither<E, A>` | | Need loading/error/success UI | `RemoteData<E, A>` | | F…

When not to use

• Use this skill only when the task clearly matches the scope described above.
• Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
• Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.

Skill page

Source