The 3 ways to fetch data in TanStack start
- TanStack Start에서 데이터를 가져오는 첫 번째 방법은 페이지 로더를 사용하는 것이며, 이는 SEO에 유리하지만 사용자 경험 측면에서는 가장 느릴 수 있습니다. 🐌
- 두 번째 방법은 React Suspense와
useSuspenseQuery
를 함께 사용하여 데이터를 비동기적으로 로드하고 로딩 상태를 표시하여 사용자 경험을 개선하는 것입니다. ⏳
- 세 번째 방법은 전통적인
useQuery
를 사용하여 데이터 로딩 상태를 더 세밀하게 제어하고, 로딩 중에는 스켈레톤 로더를 표시할 수 있습니다. 🎨
- 각 데이터 가져오기 방법은 특정 상황과 요구 사항에 따라 선택할 수 있으며,
useQuery
는 유연성이 높고, 로더는 초기 렌더링에 중요하며, useSuspenseQuery
는 사용자 경험을 우선시합니다. 💡
- 개인적으로는
useQuery
를 선호하며, Convex와 같은 백엔드와 함께 사용할 때 특히 유용합니다. 👍