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.
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
OnPushchange 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.