Laboratorio My Day App en Angular 18 #64

Nicolas-Guasch · 2024-10-22T23:14:56Z

El proyecto fue actualizado de Angular 15 a 18 para hacer uso de las nuevas formas de garantizar reactividad.

Todas las componentes fueron actualizadas a standalone components.
La comunicación desde homeComponent a taskCardComponent se realiza a través de input signals.
La nueva sintaxis output<T>() consta de un mejor chequeo de tipos que el anterior decorador @output.
La nueva query viewChild<T> también está basada en señales, permitiendo acceder a los resultados de una forma más rápida y predecible.
La persistencia fue implementada haciendo uso de un effect.
Los filtros implementados con routing son recibidos en una input signal. Gracias a esto la vista filtrada de tareas se pudo calcular con una computed signal.

El deployment del proyecto se realizó en Firebase Hosting y puede encontrarse en https://todo-app-1322c.web.app/

Nicolas-Guasch added 25 commits October 20, 2024 21:29

Update dependencies

bb571c3

Package lock

e4ed147

Update angular 16

675f071

Update typescript zone.js

7322abe

Update ESLint to 17

2b3d6c0

Update ESLint to 18

e25d43a

Update to Angular 18

a46bb0d

Downgrade Typescript to 5.5

d4df402

Merge branch 'master' into angular18

f080dce

Add model for tasks

68ee8f8

Hide sections when there aren't any tasks

02539bc

Add task creation and display

fc0eb5e

package-lock changes

de73496

Update dependencies to v16

fb0241d

Update zone.js, typescript

abf6962

Update to angular 17

a6563d8

Update ESLint to v18

82dceba

Update to angular 18, component based

6e727d9

Merge branch 'Working18'

2303a04

Implement counter, clear completed

2ffafc8

Cleanup

4137744

Implement completed checkbox, edition, deletion

64d07c4

Fix persistence test case error

54386bb

Implement filters via routing

8944a45

Include final deployment

c9fb6a1

Provide feedback