Suspensive, une bibliothèque pour utiliser Suspense de manière sûre et pratique

Bonjour, nous aimerions vous présenter Suspensive, une bibliothèque maintenue en open source par les développeurs frontend de Toss.

[Utiliser Suspense dans React]
Quand on utilise Suspense pour gérer l’asynchrone dans React, on se heurte à plusieurs désagréments.

Le useQuery de Tanstack Query n’offre pas une inférence de types parfaitement précise, et ErrorBoundary doit être créé ou installé manuellement.

[Fonctionnalités proposées par Suspensive]

• Un <ErrorBoundary /> sûr, conçu pour être utilisé facilement avec Suspense
• Le Hook useSuspenseQuery() qui fournit des types précis dans les situations liées à Suspense
• De nouvelles options du composant <Suspense />, utilisables en toute sécurité même en server-side rendering
• Le composant <Delay /> pour afficher l’état de chargement de manière plus conviviale pour l’utilisateur

Nous y avons réuni tous les outils qu’on aimerait avoir sous la main lorsqu’on se dit, chez Toss, qu’il nous faut ce genre d’outils pour utiliser Suspense.

[Lien]
Pour plus de détails, vous pouvez également consulter la documentation de Suspensive.
https://suspensive.org/ko