Challenge10k · Acceleration

Angular 18 + Fundamentals – Deep Session

2024-10-08 4 h 4 h total
Czysty kod

Four-hour session on Angular 18: Signals, Standalone Components, and refactoring an older project to modern patterns.

Focus area
Angular 18 + modern patterns
Mood
Productivity
Tags
angular signals standalone-components typescript
Resources

Intensive session with Angular 18 — from theory to practice. I focused on three key areas:

🧠 Angular Signals (2h)

  • Rewrote the DevLogger app state from RxJS to Signals
  • Tested reactivity without OnPush change detection
  • Compared performance with the previous version

Key finding: Signals drastically simplify state management for small/medium apps.

🧩 Standalone Components (1h)

  • Refactored main components — removed NgModule
  • Experimented with tree-shaking and bundle size
  • New folder structure without app.module.ts

🔥 Firebase Integration (1h)

  • Updated AngularFire to the latest version
  • Tested new Firestore composables
  • Added offline persistence

Results

  • DevLogger v2 ready for deployment
  • Post #4 (Angular Fundamentals) — draft + research completed
  • Repository on GitHub updated

Next: Experiment with Zoneless Change Detection + record a screencast for YouTube.