Vos composants React, écrits comme des programmes Effect.

La thèse

Deux fibres, un composant

React et Effect ordonnancent tous deux sur des fibres. effract pilote le générateur d’un composant dans la passe de rendu de React — un seul flux de yield* pour les deux. Du React 100 % réel, sans réconciliateur remplacé.

• yield* Stats un service, résolu de façon synchrone
• yield* hook(useState(0)) un vrai hook React, ordre stable
• yield* fetchUser suspend, puis reprend sur place
• une erreur remonte à l’error boundary la plus proche

// Counter: a React component,
// written as an Effect program
const Counter = rec(function* () {
  const stats = yield* Stats
  const [n] = yield* hook(useState(0))
  return <Row n={n} of={stats.total}/>
})

// DI checked at compile time:
createRoot(el).render(
  mount(AppLive, Counter),
)

Un service et un vrai hook React dans un seul corps — vérifié à la compilation.