Speaker

TanStack Query VueとPinia Coladaでは、非同期データ取得の状態を扱うAPIに違いがあります。たとえば、queryの状態判定後もTypeScript上ではdataがundefinedを含む型として扱われる場合があります。本セッションでは、2つのデータ取得ライブラリのAPI設計を出発点に、型の見え方がどのように決まるのかを整理します。TanStack Query VueのuseQueryとreactiveによる型絞り込み、Pinia Coladaのstate設計を具体例として、Vueのref、toRefs、reactive、TypeScriptのdiscriminated unionの関係を見ていきます。ライブラリ比較を通じて、Vue composableで非同期状態を型安全に扱うための設計観点を共有します。