Comment Suspense fonctionne-t-il pour la récupération de données, et comment l'utilisez-vous dans React 19 ?

Un composant se suspend quand il lit une promesse qui n'est pas résolue. React remonte jusqu'à la frontière Suspense la plus proche, affiche son fallback jusqu'à la résolution de la promesse, puis rend le vrai contenu. Dans React 19, on lit une promesse avec le hook use, normalement créée dans un Server Component ou dans un cache puis passée plus bas. Suspense coordonne les états de chargement ; il ne récupère rien lui-même.

Suspense est une primitive de coordination, pas une couche de données. Quand un composant lit une promesse non résolue, il se suspend, React trouve la frontière la plus proche au-dessus de lui, rend ce fallback, et réessaie le sous-arbre quand la promesse se règle. Dans React 19, la façon de la lire, c'est le hook use, et la règle importante, c'est que la promesse ne peut pas être créée pendant le rendu du composant qui appelle use, sinon vous fabriquez une promesse neuve à chaque tentative et elle ne se règle jamais. Donc en pratique la promesse démarre dans un Server Component ou sort d'un cache et se fait passer plus bas. Côté serveur, ça se marie avec le streaming : la coquille part immédiatement, et les sections plus lentes arrivent en flux quand leurs données tombent. Pour le placement des frontières, j'essaie d'envelopper la plus petite chose pour laquelle un utilisateur accepterait de voir un squelette, pour qu'un panneau de recommandations lent ne retienne pas le détail produit. Le piège, ce sont les await séquentiels qui créent une cascade, donc je lance les récupérations indépendantes ensemble avant de les attendre.