Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

SSR and hydration support for @tanstack/angular-db

Abierto
#1,965 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
5/5
Tiempo estimado
Más de una semana
Aptitud para principiantes
45/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Activo
Stack tecnológico
angular, typescript

Línea de trabajo

Start with the core DbClient dehydration/hydration payload and observer contract from #1564, then trace injectLiveQuery and Angular DI through an SSR request and browser hydration path. Add a real Angular SSR/hydration integration or E2E test covering independent requests and a post-hydration live update; done means matching initial rows and order without duplicates or hydration errors, plus documented setup and unsupported query forms.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Follow-up to #1623 (Phase 6). #1564 added core DbClient, collection descriptors, and dehydration/hydration, while Angular still needs its own client/SSR integration.

Goal

Make injectLiveQuery work during Angular server rendering with a request-scoped DbClient, and hydrate the result into the browser client before components first read it. Keep Angular DI and signals as the public integration model.

Acceptance criteria

  • Provide an Angular DI provider/token (or equivalent idiomatic API) for DbClient. A server request gets a fresh client; the browser keeps a stable client. Existing direct-collection queries continue to work.
  • injectLiveQuery can resolve collection descriptors through that client and render preloaded collection or live-query results on the server. dbClient.dehydrate() supplies the state to transfer.
  • Transfer and hydrate the state before the first browser query read (using Angular TransferState or an equivalent mechanism). Initial rows and order match server HTML; normal sync then takes over without duplicates or hydration errors.
  • Add an integration or E2E test through a real Angular SSR/hydration path. Cover independent requests and a live update after hydration.
  • Document the DI/server setup and any unsupported query forms.

Reuse the core SSR payload and observer contract; avoid a separate Angular-only state format.

Lenguaje dominante
TypeScript
Estrellas
3.9k
Forks
268
Merge medio
1 d 4 h
PR fusionados (30 d)
178

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de TanStack/db

Todos los issues de TanStack/db

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.