#angular Development Tutorials & Tips | Roast Dev

100daysofcode 100daysofdevops 100pay 10mistakes 10yearworkanniversary 11 11labs 11tly 11ty 127001

Angular 19 Signals: `update()` vs `.push()` – Why Immutability Matters

In Angular 19, Signals provide a new way to manage reactive state in a declarative and performant way. But working with arrays in Signals requires understanding a crucial concept: immutability.If you'...

17.04.2025 0 Read More

Angular 19: Mastering `ChangeDetectionStrategy.OnPush` in the Era of Signals

In Angular 19, performance and reactivity have reached new heights with the maturity of Signals, standalone components, and the continued use of ChangeDetectionStrategy.OnPush. But how does OnPush act...

17.04.2025 0 Read More

Angular 19: Mastering `input.required()` and Functional Inputs with Signals

Angular 19 brings a modernized way to declare inputs using the functional input() API, including input.required(), which replaces the classic @Input() decorator for standalone components and works bea...

17.04.2025 0 Read More

Attribute Mixins: a functional alternative to Directives

We come from streams-oriented programming. Nothing new, just functional/reactive programming rebranded to highlight that in a world flooded by imperative programming anti-patterns, going functional wi...

18.04.2025 0 Read More

Building Accessible Angular Applications (WCAG, ARIA)

Accessibility (a11y) is essential for building inclusive Angular applications that can be used by everyone, including users with disabilities. By following WCAG (Web Content Accessibility Guidelines) ...

18.04.2025 0 Read More

Testing Angular Components with Services using Jest

Mock services in component tests to isolate behavior, control responses, and validate interactions without testing the service itself. This keeps tests fast, focused, and free from external dependenci...

18.04.2025 0 Read More

Testing Angular HTTP Services using Jest

The tests check if the HTTP service works correctly by: Making fake API calls (GET/POST) Returning test data Handling errors properly All without using real internet connections This ensures the servi...

18.04.2025 0 Read More

Ng-News 25/15: Native Observables

Native Observables are now available in Chrome 135, offering deep integration into the Web API with .when() methods and default multicasting behavior. Careful: They differ a little bit from RxJS Obser...

18.04.2025 0 Read More

How to Integrate Sanity CMS with Angular

Hey Angular developers! 🅰️ Most of the time, we find ourselves in an endless cycle of updating hard-coded content, making code changes, rebuilding our apps, and redeploying just to fix a typo or ...

18.04.2025 0 Read More

Is ViewChild and Lifecycle Hooks in Angular Really Code Smells? No.

Demystifying ViewChild in Angular: Useful Tool or Code Smell? In recent discussions within the Angular development community, the use of ViewChild has been labeled by some as a "code smell." ...

18.04.2025 0 Read More

Angular 19 Signals: `update()` vs `.push()` – Why Immutability Matters

Angular 19: Mastering `ChangeDetectionStrategy.OnPush` in the Era of Signals

Angular 19: Mastering `input.required()` and Functional Inputs with Signals

Attribute Mixins: a functional alternative to Directives

Building Accessible Angular Applications (WCAG, ARIA)

Testing Angular Components with Services using Jest

Testing Angular HTTP Services using Jest

Ng-News 25/15: Native Observables

How to Integrate Sanity CMS with Angular

Is ViewChild and Lifecycle Hooks in Angular Really Code Smells? No.

#reading

#popular