Challenge10k · Acceleration

Angular 18 + fundamentals – głęboka sesja

08 October 2024 4 h 650 h total
Czysty kod

Czterogodzinna sesja na Angular 18: Signals, Standalone Components i refaktor starszego projektu na nowoczesne wzorce.

Focus area
Angular 18 + nowoczesne wzorce
Mood
Produktywność
Tags
angular signals standalone-components typescript

Intensywna sesja z Angular 18 – od teorii do praktyki. Skupiłem się na trzech kluczowych obszarach:

🧠 Angular Signals (2h)

  • Przepisałem stan aplikacji DevLogger z RxJS na Signals
  • Testowałem reaktywność bez OnPush change detection
  • Porównałem wydajność z poprzednią wersją

Kluczowe odkrycie: Signals drastycznie upraszczają zarządzanie stanem w małych/średnich aplikacjach.

🧩 Standalone Components (1h)

  • Refaktor głównych komponentów – usunięcie NgModule
  • Eksperymenty z tree-shaking i bundle size
  • Nowa struktura folderów bez app.module.ts

🔥 Firebase Integration (1h)

  • Aktualizacja AngularFire do najnowszej wersji
  • Testowanie nowych Firestore kompozables
  • Dodanie offline persistence

Rezultaty

  • DevLogger v2 gotowy do wdrożenia
  • Post #4 (Angular Fundamentals) – szkic + research ukończony
  • Repozytorium na GitHub zaktualizowane

Linki powiązane

Next: Eksperyment z Zoneless Change Detection + screencast dla YouTube.