Angular

Improve Angular’s *ngFor performance and usability with trackBy

Prevent loss of focus and reconstruction of elements in your *ngFor on collection change with trackBy

NgRx Router Store | Reduce & Select Route Params

Ngrx http$ Effects should listen for CANCEL action

In a Ngrx implementation, a Store Effect loads an entity from from REST APIs when it receives a FETCH_ENTITY action and then dispatch a…

RxJS | Create Observables from event sources directly

Working in angular, we use RxJs we subscribe to Observable(s) to listen/ process event streams Ex (ActvatedRoute.params , HttpClient) etc…

Testing Angular Container Components | Shallow & Deep

Typical Angular application renders and interacts with set of Container (Smart / Stateful) components, containing one or more re-usable Presentation (Dumb / Stateless) components.

Testing Angular Directives with Real / Test Components

Angular Directives are an important construct in angular to make DOM manipulation and / or event handling abstract.

We should Unit Test directives by mocking all dependencies with jasmine mocks and spies.

Angular | Scrolls on router-outlets

Angular Single Page Applications (SPAs) handle routes with router-outlets, keeping the browser window on the same page (index.html), enriching experience after initial page load with just post-back / ajax calls

Angular | Cross-field / Transitive Validators for Reactive Forms

Advantages of Reactive Forms over Template Driven Forms stem from the fact, controls are defined in Component programmatically and assigned to form and its inputs in Template declaratively

Create Generic Angular Pipes | pure & impure

Fulfill your pipe dream in templates

1. Keep one-off (non-reusable) transform impure functions in components, pass them as value-argument to be applied
2. Define your re-usable pure…