자손킴Jun 24, 2025

tanstack query의 initialPageParam에 대하여 오늘 배운 것

https://hackers.pub/@jasonkim/2025/tanstack-query%EC%9D%98-initialpageparam%EC%97%90-%EB%8C%80%ED%95%98%EC%97%AC-%EC%98%A4%EB%8A%98-%EB%B0%B0%EC%9A%B4-%EA%B2%83

tanstack query의 initialPageParam에 대하여 오늘 배운 것

TanStack Query의 `useInfiniteQuery` 훅을 사용할 때 `initialPageParam`이 어떻게 동작하는지에 대한 중요한 통찰을 공유합니다. 이 훅은 초기 렌더링 시 `initialPageParam`을 `pageParams[0]`으로 설정하고, 동일한 `queryKey`를 가진 캐시가 유지되는 동안 이 값을 계속 사용합니다. 따라서 여러 컴포넌트에서 동일한 `queryKey`로 `useInfiniteQuery`를 호출하면서 다른 `initialPageParam` 값을 제공하더라도, 처음 호출된 `initialPageParam` 값으로 고정됩니다. 이는 시작 커서가 다를 경우 `queryKey`를 다르게 지정해야 함을 의미합니다. 이러한 동작은 이해하고 나면 당연하지만, 익숙하지 않은 개발자에게는 혼란스러울 수 있습니다. `initialPageParam`이 `queryKey`와 강하게 연결되어 있다는 점이 InfiniteQueryOptions에서 타입 제약으로 더 명확하게 표현된다면 개발 경험이 향상될 것입니다.

Hackers' Pub
 Qiita - 人気の記事Feb 14, 2025

2025年のReact状態管理、正直どれがいいの？ - Zustand, Jotai, Redux, Recoil, Valtio, XState, TanStack Query をざっくり解説
https://qiita.com/suin/items/e2df562b0c2be7e2a123?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #React #redux #jotai #zustand #TanStackQuery

2025年のReact状態管理、正直どれがいいの？ - Zustand, Jotai, Redux, Recoil, Valtio, XState, TanStack Query をざっくり解説 - Qiita

「Redux使ってるけど、もっと軽いの無いのかな...」「Recoilって今でも現役なの？」「ZustandとJotai、どっちがいいんだろう...」Reactの状態管理ライブラリ、みなさんも…

Qiita
 Qiita - 人気の記事Jun 28, 2024

Kubbを使ってOpenAPIスキーマからTanStack Queryのhooksを生成する
https://qiita.com/raorao1011/items/a97cb79bbb9d3e05db3f?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #TanStackQuery #kubb

Kubbを使ってOpenAPIスキーマからTanStack Queryのhooksを生成する - Qiita

はじめに今回はKubbというコード生成ライブラリを紹介します直近ではorvalを個人的に使っているのですが、Kubbというライブラリを見つけたので素振りがてら記事を書くことにしました仕事で良く…

Qiita
 Qiita - 人気の記事Mar 16, 2024

【React】ライブラリの《ステート系機能》と《手続き的取得機能》を区別しよう
https://qiita.com/honey32/items/1241af82da9f7adcb088?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items

#qiita #React #react_hook_form #SWR #TanStackQuery

【React】ライブラリの《ステート系機能》と《手続き的取得機能》を区別しよう - Qiita

React Hook Form の場合いきなりですが、下のコードを見てください。「姓」と「名」の入力フィールドがあって、その下にある「ちゃんと再計算される氏名」に続いて姓と名をつなげた文字列が出…

Qiita
AngelHdzJul 1, 2023
#elk #vue #vuejs #vue3 #scriptsetup #nuxt #nuxt3 #nuxtjs #typescript #nestjs #quasarframework #node #pnpm #vscode #volta #mongodb #firebase #tRPC #graphQL #prisma #tanstackquery #lotsofhashtags #random #ionic #electron #pinia #unplugin-auto-import-everything #h3 #nitropack #powershell #python #vite
Ian VSFeb 8, 2023

I've often thought #tRPC seems cool, but I can't use it because my backend is in #golang.

My favorite thing about #graphql is having shared types between the client and server, but the complexity of using it (especially in go) is high.

I just watched @dimitropoulos talk at #JSWorld about using #protobuf and #gRPC on the web using https://github.com/bufbuild/connect-web and I'm pretty intrigued. Guarantees on the shape of my data? JSON serialization? Generated #TanstackQuery clients? Yes, please.

GitHub - bufbuild/connect-web: Simple, reliable, interoperable. A better gRPC-Web.

Simple, reliable, interoperable. A better gRPC-Web. - GitHub - bufbuild/connect-web: Simple, reliable, interoperable. A better gRPC-Web.

GitHub