G005 — Advanced React 19 useTransition/useOptimistic
This skill implements React 19 useTransition and useOptimistic hooks within a Next.js frontend for an MEV/arbitrage platform. It handles server action form state transitions and optimistic UI updates, triggered during form submissions that interact with server actions. Developers use it when building responsive interfaces that require immediate feedback while awaiting server responses in the arbitrage platform's frontend.
Install
npx skillscat add hefarica/arbitragex-v2/agents-skills-arbx-g-g005-advanced-react-19-usetransitionuseoptimistic Install via the SkillsCat registry.
This skill implements React 19 useTransition and useOptimistic hooks within a Next.js frontend for an MEV/arbitrage platform. It handles server action form state transitions and optimistic UI updates, triggered during form submissions that interact with server actions. Developers use it when building responsive interfaces that require immediate feedback while awaiting server responses in the arbitrage platform's frontend.
name: arbx-g-g005-advanced-react-19-usetransitionuseoptimistic
description: "Post-Doc skill alineada al monorepo hefarica/arbitragex-v2 (Frontend Doctrinal (Next.js + Playwright)). Se activa cuando: server actions form state. Doctrina OMEGA Zero-Mocks · Fail-Closed · El Remoto Manda."
G005 — Advanced React 19 useTransition/useOptimistic
Dominio: Frontend Doctrinal (Next.js + Playwright)
Nivel: Post-Doc
Trigger: server actions form state
Repos de referencia: vercel/next.js · facebook/react · microsoft/playwright · TanStack/query · shadcn-ui/ui · radix-ui/primitives · wevm/viem · wagmi-dev/wagmi
Archivos del repo: frontend/app/* · frontend/components/* · frontend/tests/e2e/* · packages/schemas/*
Quick Start
ARBX_BUILD_FOR_LOCAL_E2E=1 ARBX_ASSUME_NO_RPC=1 pnpm playwright test --reporter=list,htmlCore Workflow
- Cargar contexto del repo
hefarica/arbitragex-v2(rama actual, último PR, estado de CI). - Identificar el subsistema impactado dentro de los archivos del repo listados arriba.
- Aplicar la doctrina del nivel Post-Doc sin desviaciones.
- Validar contra:
lint → typecheck → build → tests → audit → E2E → deploy. - Reportar evidencia en formato Markdown forense (logs, traces, métricas, hash de commit).
Doctrina del Nivel
- Aporte de investigación: paper o RFC referenciado.
- Benchmarks reproducibles con criterio estadístico (95% CI).
- Comparativa contra estado del arte público.
Reglas de Ejecución
| Condición | Acción |
|---|---|
CI rojo en main |
ABORT — fix-forward, nunca skip |
| Drift schema producer↔consumer | ABORT — restaurar isomorfismo Zod/struct |
| Cobertura E2E < contrato iter 18 | ABORT — añadir testid + assertion DEGRADED/UP/DOWN |
| Secret en plaintext fuera de Vault/age | ABORT — rotar y reportar |
| Profit neto ≤ gas + flashloan_fee | ABORT (skill C/E) |
| Slippage > banda RiskGate | RESIZE o ABORT (skill C/E) |
Activation Triggers (regex parciales)
server actions form stateadvanced react 19 usetransition/useoptimisticarbitragex-v2 g
Output Esperado
- Diff atómico (rustfmt aparte de semántica).
- Evidencia:
gh pr checks <N>,cargo nextest, traces OTel, screenshots Playwright. - ADR si la decisión cambia contrato (
docs/adr/NNNN-*.md).
Categories
Install
npx skillscat add hefarica/arbitragex-v2/agents-skills-arbx-g-g005-advanced-react-19-usetransitionuseoptimistic Install via the SkillsCat registry.
Repository Stars
The star count shown is for the parent repository (hefarica/arbitragex-v2), not this specific skill.
.agents/skills/arbx-g-g005-advanced-react-19-usetransitionuseoptimistic