Angular · Theory
State: start with a service + BehaviorSubject or signals. NgRx / a store is for many screens sharing complex flows. Don’t put every click in the store.
Board: cart count in a root service. Header and cart page both select it. Trap: NgRx tutorial copy-paste for a two-page campus app.
Service + subject vs when NgRx is worth it.
import { Component } from "@angular/core";
@Component({
selector: "app-root",
template: `
<h1>{{ title }}</h1>
<button (click)="toggle()">Toggle</button>
<p *ngIf="open">Panel open</p>
`,
})
export class AppComponent {
title = "Angular practice";
open = true;
toggle() {
this.open = !this.open;
}
}State Management: toggle open. Say whether the panel is on screen after one click.