angular / angular/angularfire

collectionData doesn't allow angular app to become stable with angular 17 and ssr (getDocs does)

Abierto
#3,496 2 comentarios 2 reacciones 0 asignados Ver en GitHub
Lenguaje dominante
TypeScript
Estrellas
7.8k
Forks
2.2k
Merge medio
22 h 28 min
PR fusionados (30 d)
6

Descripción

### Version info

**Angular:**
17.0.9

**Firebase:**
10.7.1

**AngularFire:**
17.0.1

**Other (e.g. Ionic/Cordova, Node, browser, operating system):**
Windows

### How to reproduce these conditions

GitHub repo to clone as needs SSR to reproduce
https://github.com/pdela/testing-ng17-ssr

**Steps to set up and reproduce**

Clone the repo
install dependencies
npm run start

### Expected behavior

Angular app to become stable in reasonable time (millis)

### Actual behavior

The problem is that firebase prevents angular app to become stable in client, thus hydration process doesn't start, except after waiting for around 120 seconds

Edit:
Unfortunately I still have this problem in the demo above and in another project ( using angular 17.3.x and firebase 10.11.x) and this time using getDoc method.
I'm pretty sure the problem is originated in firestore SDK, as the 2 pending macrotasks that blocks angular being stable point to a setTimout inside firestore source code.

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Clona el repositorio de reproducción enlazado, instala sus dependencias y ejecuta npm run start. Compara los casos de collectionData y getDoc/getDocs mientras observas las macrotareas pendientes de Firestore que retrasan la estabilidad y la hidratación de Angular. Se considera terminado cuando la aplicación SSR se estabiliza rápidamente y la hidratación comienza sin la espera de aproximadamente 120 segundos.

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

Evaluación

Stack tecnológico
angular, firebase, typescript
Área
cloud, frontend
Tipo de issue
Error
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
25/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.