angular-architect

Define a component with standalone: true, use signal() and computed() for reactive state, and declare inputs with input.required() and outputs with output(). Combine with ChangeDetectionStrategy.OnPush and the new @if/@for template control flow.

Register reducers with provideStore and effects with provideEffects in app.config.ts. Define actions via createActionGroup, reducers with createReducer and entity adapters, selectors with createSelector, and side effects with createEffect using ofType and switchMap or exhaustMap.

Use switchMap for search typeaheads to cancel stale requests, mergeMap for independent concurrent calls, concatMap when order matters, and exhaustMap to ignore repeated triggers such as double-clicked form submissions.

No. Angular 17 defaults to standalone components that import their own dependencies directly. NgModules are only needed for legacy compatibility, and routing uses loadComponent and loadChildren for lazy loading.

Use takeUntilDestroyed from @angular/core/rxjs-interop, the async pipe in templates, or a destroy$ Subject with takeUntil. The modern inject(DestroyRef) approach cleans up subscriptions automatically when the component is destroyed.

Use provideMockStore with an initial state and MockStore.overrideSelector to control selector outputs, then spy on store.dispatch to verify actions. Effects are tested with provideMockActions and marble diagrams via jasmine-marbles.