--- title: "Composants Flow" headingIds: ["components", "defer", "slot", "style-script-asset-emission"] --- # Composants Flow Les composants Flow organisent le document et les ressources sans ajouter de runtime applicatif imposé. ## Defer `` crée une région différée avec un contenu de repli. Une fonction de contenu peut recevoir le signal d’annulation et retourner une promesse ou une séquence asynchrone. ```tsx import { Defer } from "@vincle/flow"; async function HeavyDashboard() { const data = await fetch("https://api.example.com/dashboard"); const json = await data.json(); return 
{JSON.stringify(json, null, 2)}
; } // fallback is shown in the shell immediately. Loading dashboard…

}> ; ``` ## Slot `` est un point d’insertion nommé, sans travail asynchrone propre. Un `` ciblant le même identifiant fournit son contenu. ```tsx import { Slot, Defer } from "@vincle/flow"; async function LiveComments() { const res = await fetch("https://api.example.com/comments"); const comments: Array<{ id: string; text: string }> = await res.json(); return (
    {comments.map((c) => (
  • {c.text}
    • ))}
); } function Page() { return (

Loading comments…

 ); } ``` ## Style / Script : émission des ressources `