Issue #69: Strategy Design Pattern in Angular Source Code, DestroyRef Provider, TypeScript Magic behind NgRx APIs, RouterTestingHarness
Write better tests without Router mocks/stubs | by Andrew Scott
The RouterTestingHarness was released in Angular 15.2 to streamline tests for components and services that depend on the
Router.Let’s cover a test scenario and compare the mock/stub and spy approach to what the test looks like with new
RouterTestingHarness.
Angular for Junior Developers: Mapping the Observables | by OZ
RxJS has a long list of operators. Some of them are extremely powerful, but not so easy to learn from the first attempt: they allow you to make nested observables in your observables.
In every example of this article, we’ll use a “main observable” and will add nested observables.
Design Patterns in Angular Source Code - Strategy Design Pattern | by Decoded Frontend (Dmytro Mezhenskyi)
Today I continue a video series where I try to reveal classical GoF design patterns in Angular source code. In the previous video we learned how Design Pattern Bridge is used to Design the Angular forms library and today I am going to talk about the Strategy Design pattern and how it was used to design the ASYNC pipe in Angular. Enjoy the video and I hope you will learn something new today.
Angular is about to get its most IMPORTANT change in a long time... | by Joshua Morony
Angular just released a preview of a prototype for their own implementation of signals as a new reactive primitive for the framework. This will help modernise the framework, improve change detection, and provide a more consolidated learning journey for new Angular developers.
Angular standalone components and Angular Testing Library make component tests easier | by Tim Deschryver
Standalone components give you a better foundation to build on, as your Angular component becomes less affected by its internals. It doesn't matter if the component has its own template, or if it's using child components. This makes your test cases less brittle than before with Angular Modules.
Revealing the TypeScript Magic behind NgRx APIs | by Brandon Roberts
Ever wondered how NgRx integrates type-safety into its APIs? Marko from the NgRx team shows advanced TypeScript usage within the framework.
Getting to Know the DestroyRef Provider in Angular | by Netanel Basal
Angular v16 has introduced a new provider called
DestroyRef, which allows for registering destroy callbacks for a specific lifecycle scope. This feature is applicable to components, directives, pipes, embedded views, and instances ofEnvironmentInjector.
Complete Guide to Angular Lifecycle Hooks | by Ion Prodan
In this guide, we will take a dive into the Angular component lifecycle hooks and explore how you can use them to manage the application better.
#ngPodcasts
Functional Programming in TypeScript - AiA 371| by Adventures in Angular
Lucas Paganini is the CEO of unvoid.com. He takes on this week's solo episode to talk about a library called, "fp-ts". It gives developers access to popular patterns and secure abstractions from typed functional languages in Typescript. He discusses some of the issues that the library resolves.