Skills Guide

React 19 avancé : useTransition/useOptimistic

VérifiéSûr

Compétence Post-Doc pour le monorepo arbitragex-v2, axée sur React 19 useTransition et useOptimistic pour les server actions. Inclut des tests E2E Playwright et des règles doctrinales strictes.

Spar Skills Guide Bot
DeveloppementAvancé
4021/08/2026
Claude Code
#react-19#use-transition#use-optimistic#server-actions#nextjs

Recommandé pour

Revue de codeClaude CodeDéveloppeur backendDéveloppeur frontendDéveloppeur fullstackRefactoring

Notre avis

Skill post-doc pour intégrer les hooks useTransition/useOptimistic de React 19 dans le frontend Next.js du monorepo arbitragex-v2, en suivant une doctrine de validation stricte et de preuve.

Points forts

  • Workflow de validation complet : lint, typecheck, build, tests, audit, E2E, deploy.
  • Règles d'exécution fail-closed explicites (abort sur CI rouge, dérive de schéma, secret en clair, etc.).
  • Exigence de preuves concrètes : logs, traces OTel, screenshots Playwright, hash de commit.
  • Niveau Post-Doc : impose des benchmarks reproductibles avec intervalle de confiance à 95%.

Limites

  • Fortement spécifique au monorepo arbitragex-v2, donc difficilement réutilisable tel quel ailleurs.
  • Le skill se concentre sur le processus et la doctrine, pas sur des exemples de code détaillés pour useTransition/useOptimistic.
  • Nécessite un environnement avec CI verte et accès aux outils du repo (Playwright, Vault/age) pour être applicable.
Quand l'utiliser

Quand vous devez gérer l'état de formulaire avec server actions dans le frontend arbitragex-v2, en utilisant useTransition/useOptimistic et en respectant la doctrine Post-Doc du projet.

Quand l'éviter

Pour des projets React/Next.js hors de ce monorepo, ou si vous cherchez un apprentissage générique des hooks React 19 sans les contraintes de validation du repo.

Analyse de sécurité

Sûr
Score qualité78/100

The skill contains commands for running tests, linting, typechecking, and build verification, but no destructive, exfiltrating, or obfuscated actions. It does not instruct curl|sh, rm -rf, token extraction, or disabling safety. The ABORT conditions are about halting on failures rather than performing risky operations.

Aucun point d'attention détecté

Exemples

Server actions form state
I'm working on server actions form state in the arbitragex-v2 repo. Apply G005 to implement useTransition/useOptimistic for the pending UI in frontend/app.
Optimistic update audit
arbitragex-v2 g005: audit the optimistic update flow in our Next.js frontend using React 19 useOptimistic, and produce evidence with Playwright E2E.
Post-Doc doctrine enforcement
Use advanced React 19 useTransition/useOptimistic in frontend/components, follow the Post-Doc doctrine, and validate against lint, typecheck, build, tests, audit, E2E, deploy.

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,html

Core Workflow

  1. Cargar contexto del repo hefarica/arbitragex-v2 (rama actual, último PR, estado de CI).
  2. Identificar el subsistema impactado dentro de los archivos del repo listados arriba.
  3. Aplicar la doctrina del nivel Post-Doc sin desviaciones.
  4. Validar contra: lint → typecheck → build → tests → audit → E2E → deploy.
  5. 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 state
  • advanced react 19 usetransition/useoptimistic
  • arbitragex-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).
Skills similaires

Expert Next.js App Router

Developpement

Un skill qui transforme Claude en expert Next.js App Router.

Claude CodeCursoradvanced
890
234
3,463
Admin

Générateur de README

Developpement

Crée des README.md professionnels et complets pour vos projets.

claudeCursorWindsurfbeginner
259
72
1,362
Admin

Rédacteur de Documentation API

Developpement

Génère de la documentation API complète au format OpenAPI/Swagger.

claudeCursorWindsurfintermediate
156
44
1,247
Admin