angular-signals

Use signal() to create writable state, then read it by calling it as a function. Update values with set() for replacements or update() for transformations based on the current value. Derived values use computed(), which automatically recalculates when dependencies change.

Use toSignal() from @angular/core/rxjs-interop to convert an Observable into a signal. Provide an initialValue option or use requireSync for synchronous Observables like BehaviorSubject. Use toObservable() for the reverse direction when you need RxJS operators.

computed() creates read-only derived state that recalculates when dependencies change. linkedSignal() creates writable dependent state that automatically resets when its source changes, useful for selections that should default when an options list updates.

Yes, the resource() API handles async fetching with signals by accepting params and a loader function. It exposes value, isLoading, error, and status signals, supports default values, conditional loading, and manual reloads.

Signals fit synchronous, fine-grained reactivity like component state and derived values without subscription management. Keep RxJS for event streams requiring operators like debounceTime or switchMap, bridging both worlds with toSignal and toObservable.

Effects must run inside an injection context, typically the component constructor or via runInInjectionContext. They clean up automatically when the owning component is destroyed, and you can register additional cleanup logic with the onCleanup callback.