Challenge10k · Acceleration

Angular 18 + Fundamentals - Deep Dive Session

08 October 2024 4 h 650 h total
Czysty kod

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

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

An intense Angular 18 session - from theory to practice. I focused on three core areas:

🧠 Angular Signals (2h)

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

Key takeaway: Signals dramatically simplify state management in small and medium apps.

🧩 Standalone Components (1h)

  • Refactored core components - removed NgModule
  • Experimented with tree-shaking and bundle size
  • Introduced a new folder structure without app.module.ts

🔥 Firebase Integration (1h)

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

Results

  • DevLogger v2 ready for release
  • Post #4 (Angular Fundamentals) - outline and research completed
  • GitHub repository updated

Next: Experiment with Zoneless Change Detection plus a YouTube screencast.