SSR and hydration support for @tanstack/vue-db
メンテナーはふだん 1 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 5/5
- 見積もり時間
- 1週間以上
- 初心者へのやさしさ
- 35/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 活発
- 技術スタック
- typescript
調査の方向性
Start with the existing SSR guide, core SSR payload and observer contracts, and the React/Svelte integrations described in the issue. Trace how Vue live queries currently resolve collection descriptors, then use real Vue server rendering and browser hydration to verify request isolation, matching initial rows and order, and a post-hydration live update; document the supported setup and remaining limits.
索引モデルが issue の本文から書いたものです。
説明
Follow-up to #1623 (Phase 6). #1564 added core DbClient, collection descriptors, dehydration/hydration, and React/Svelte integrations. The current SSR guide explicitly leaves Vue client-provider work for a later change.
Goal
Support server rendering of Vue live queries with a request-scoped DbClient, then hydrate the same result into a stable browser client. Keep Vue-native reactivity and existing non-SSR useLiveQuery usage.
Acceptance criteria
- Provide an idiomatic Vue app/client scope (for example,
provide/inject) so live queries can resolve collection descriptors against the correctDbClient. A fresh server client is used per request; direct collection inputs continue to work. - A server render can preload a collection or live query, render its rows, and serialize
dbClient.dehydrate()without sharing state between requests. - The browser hydrates that state before the first live-query read, renders matching initial rows and order, and hands off to normal sync without duplicate rows or a hydration mismatch.
- Add an integration or E2E test using real Vue server render and browser hydration. Cover request isolation and a post-hydration live update.
- Document Vue setup, the supported query forms, and any remaining SSR limits (including infinite queries if they need separate work).
Use the existing core SSR payload and observer contracts; a new cross-framework payload format is outside this issue.
- 主要言語
- TypeScript
- スター
- 3.9k
- フォーク
- 267
- 平均マージ
- 1日 5時間
- マージ済み PR（30日）
- 134
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
TanStack/db のほかの issue
-
難易度 4/5 3〜5日 初心者へのやさしさ 48/100
メンテナーはふだん 1 日以内に返信
-
難易度 5/5 1週間以上 初心者へのやさしさ 45/100
メンテナーはふだん 1 日以内に返信
-
難易度 5/5 1週間以上 初心者へのやさしさ 45/100
メンテナーはふだん 1 日以内に返信
-
難易度 5/5 1週間以上 初心者へのやさしさ 35/100
TanStack/db#1935 · リアクション 2 件 ·
メンテナーはふだん 1 日以内に返信
-
難易度 5/5 1週間以上 初心者へのやさしさ 35/100
メンテナーはふだん 1 日以内に返信
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
メンテナーはふだん 1 日以内に返信
-
automated issue report
難易度 1/5 1時間未満 初心者へのやさしさ 68/100
-
documentation
難易度 1/5 1時間未満 初心者へのやさしさ 92/100
github/copilot-sdk#2804 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 62/100
drizzle-team/drizzle-orm#6418 ·
メンテナーはふだん 4 日以内に返信
-
難易度 1/5 1時間未満 初心者へのやさしさ 92/100
diegosouzapw/OmniRoute#15307 · コメント 1 件 ·
メンテナーはふだん 2 日以内に返信