angular-expert

Use smart and dumb component architecture with standalone components and signals. Smart components handle state and effects via RxJS and NgRx, while dumb components receive data as inputs and emit events, enabling reusability and testability at scale.

Combine Angular 17+ signals with RxJS streams and inject-based dependency injection. Signals provide fine-grained reactivity for local state, while declarative RxJS flows manage complex async operations and side effects with OnPush change detection.

Enable OnPush change detection strategy on components and use signals or immutable data patterns. This reduces change detection cycles, improves performance on large component trees, and pairs naturally with standalone components and reactive state.

Yes. NgRx stores integrate seamlessly with standalone components via inject-based dependency injection. Configure NgRx features declaratively, dispatch actions through RxJS observables, and select state using selector patterns without bootstrap module dependencies.

Signals provide synchronous, fine-grained reactivity for local component state with automatic tracking. RxJS observables handle async operations, multi-value flows, and complex operators. Use both: signals for UI state, observables for effects and NgRx store integration.

Use Angular's inject() function to retrieve services directly within component logic instead of constructor parameters. This enables cleaner dependency declaration, better tree-shaking, and works naturally with standalone components and signal-based patterns.