✳️ How to Replace RxJS with Signals

#angular #rxjs #signals

✅ Link: https://blog.bitsrc.io/angular-16-is-out-now-learn-how-to-replace-rxjs-with-signals-c1f6f410809

📄 Replace Getters with Signals

#angular #signals

✅ Article link: https://blog.herodevs.com/goodbye-getter-hello-signals-12da633e15a2

📄 Angular Signals Through Real-world Use Cases

#angular #signals

✅ Article link: https://javascript.plainenglish.io/understanding-angular-signals-through-real-world-use-cases-2a84664dfcd0

📄 Change Detection in Angular

#angular #signals #cdr

4. Local Change Detection 🚩Angular 17

@Component({
  selector: 'app-timer',
  template: `<span>Last Updated: {{ lastUpdateInSeconds() | number:'1.0-0' }} Seconds</span> {{ logCd() }}`,
  standalone: true,
  changeDetection: ChangeDetectionStrategy.OnPush,
  imports: [DatePipe, DecimalPipe, AsyncPipe]
})
export class TimerComponent {
  @Input() lastUpdate = new Date();
  lastUpdateInSeconds = signal(0)
  constructor() {
    setInterval(() => {
      this.lastUpdateInSeconds.set((new Date().getTime() - this.lastUpdate.getTime()) / 1_000);
    }, 1000);
  }

  logCd() {
    console.log('log from timer');
  }
}

✅ Article link: https://medium.com/ngconf/local-change-detection-in-angular-410d82b38664

📄 New Signal Input API

#angular #signals #input

🚩 > Angular 17.1

✅ Article link

📄 Declarative way of working with signal effects

#angular #signals #effect

...This approach simplifies the reactive component state management in Angular applications, making the code more declarative and easier to maintain...

✅ Article link

🤓 Implementing Two-Way Data Binding

#angular #signals #model

🚩 > Angular 17

✅ Article link

📄 How to Replace RxJS with Signals

#angular #rxjs #signals

✅ Article link

📄 Signals and Effects in Angular

#angular #signals #effect

✅ Article link