Suspenseを安全かつ便利に使うためのライブラリ、Suspensive

こんにちは。Tossのフロントエンド開発者たちがオープンソースで運営している Suspensive ライブラリをご紹介します。

[ReactでSuspenseを使う]
Reactで非同期処理を行うために Suspense を使うと、不便な点がいくつかあります。

Tanstack Query の useQuery は型推論が正確ではなく、ErrorBoundary は自分で作るかインストールしなければなりません。

[Suspensiveが提供する機能]

• Suspense と便利に使える、安全な <ErrorBoundary />
• Suspense の状況で正確な型を提供する useSuspenseQuery() Hook
• Server-side rendering でも安全に使える、新しい <Suspense /> コンポーネントのオプション
• ローディング状況をよりユーザーフレンドリーに表示するための <Delay /> コンポーネント

このように、Toss で Suspense を使うときに「こういうツールが必要だ」と感じるものをすべて詰め込みました。

[リンク]
詳しくは Suspensive のドキュメントもご覧ください。
https://suspensive.org/ko