Angular Input Signals with effect(): OnPush Change Detection Without detectChanges()

--

Angular signals are a game-changer for reactive programming, simplifying data flow and eliminating the need for cumbersome change detection logic. In my latest video, I demonstrate how to use input signals effectively while maintaining optimal performance with OnPush change detection.

What’s Inside the Video?

This video walks you through:

  • Transitioning from @Input(): Learn how to convert @Input() decorators into input signals for enhanced reactivity.
  • Simplified Change Detection: Say goodbye to calling detectChanges() manually when using OnPush settings.
  • Reactive HTTP Calls: Implement dynamic HTTP API calls using input signals to track changes and fetch data efficiently using effect().

Discover how Angular’s new signal-based approach makes your codebase cleaner, faster, and more maintainable. Watch the video to see reactivity in action!

Cheers!

--

--

Balram Chavan
Balram Chavan

Written by Balram Chavan

Google Developer Expert Angular | Architect | Author | http://www.youtube.com/@angularcloud

No responses yet