Skill.md
- SKILL.md
--- name: dsl-vm-reverse description: Reverse JavaScript-based custom DSL/VM interpreters and risk-control engines: identify IIFE/switch-based opcode dispatch, extract opcode tables, and capture runtime semantics. ---
Skill.md
fp-react
Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Works with React 18/19, Next.js 14/15.
SKILL.md
--- name: fp-react description: Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Works with React 18/19, Next.js 14/15. risk: critical source: community date_added: "2026-09-04" version: 2.0.0 author: fp-ts-skills tags: [fp-ts, react, typescript, hooks, state-management, forms, data-fetching, remote-data, react-19, next-js] --- # Functional Programming in React Practical patterns for React apps. No jargon, just code that works. --- ## Detailed Guide Read [the detailed guide](references/detailed-guide.md) before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely. ## When to Use What | 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>` | | Form with multiple validations | `Either` with validation applicative | | Dependency injection | Context + `ReaderTaskEither` | | Prevent re-renders with fp-ts | `useMemo` or `fp-ts-react-stable-hooks` | --- ## Limitations - 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.