Explain caching and performance differences of computed signals versus method evaluations.
01
01
Understand the problem
signalsperformance
02
02
Attempt it yourself
Sketch your approach before reading the solution — that's what interviews test.
Stuck? AI Nudge Available
Get a conceptual hint to guide your logic without spoiling the final implementation.
03
03
Study the solution
The solution is waiting
Give it an honest attempt first — then compare your thinking with the full walkthrough.
04
04
Read the code
Caching values with computed()
import { Component, signal, computed } from '@angular/core';
@Component({
selector: 'app-cart-total',
standalone: true,
template: '<div>' +
' <p>Tax (Signals): {{ taxAmount() }}</p>' +
' <p>Tax (Method): {{ getTaxAmountMethod() }}</p>' +
'</div>'
})
export class CartTotalComponent {
subtotal = signal(100);
taxRate = signal(0.15);
taxAmount = computed(() => this.subtotal() * this.taxRate());
getTaxAmountMethod() {
return this.subtotal() * this.taxRate();
}
}05
05
Join the discussion
Discussion (0)
Sign in to join the discussion.
No responses yet. Be the first to share what you think.