“Ports and Adapters” vs “Hexagonal Architecture” – is it the same pattern?

“Hexagonal Architecture” emphasizes the idea of a core surrounded by multiple sides (like a hexagon, but the number of sides does not matter) representing different external systems (adapters), with ports as their interfaces.  - https://angular.love/ports-and-adapters-vs-hexagonal-architecture-is-it-the-same-pattern

#angular

Get to Know the AfterRenderEffect

Angular 19 introduced a powerful new hook called afterRenderEffect, combining the capabilities of effect and afterRender into a single, efficient function. This makes it easier to manage side effects that depend on signal changes and the completion of Angular’s rendering cycle. Before diving into afterRenderEffect, let’s briefly recap the core concepts of effect and afterRender individually. - https://angular.love/get-to-know-the-afterrendereffect

#angular

What is Angular and What Should You Know About the Latest Angular Releases?

Angular is a modern open-source framework for building dynamic Single Page Applications (SPAs). It was developed by Google and written in TypeScript. Angular is designed to help you create fast, scalable web applications. Angular latest version offers even more useful features, making it a great choice for developers. - https://angular.love/what-is-angular-and-what-should-you-know-about-the-latest-angular-releases

#angular

Lightweight Port and Adapter Pattern for NGRX Signal Store

The NgRx Signal Store is a state management solution for Angular applications that is built on top of Angular’s reactive signals, which were introduced in Angular 16. NgRx Signal Store is designed to be a more efficient and simpler alternative to the traditional NgRx Store. It integrates Angular signals with the NgRx ecosystem, allowing developers to manage application state in a way that is both reactive and easier to reason about compared to the traditional NgRx store, which relies heavily on observables and actions. - https://angular.love/lightweight-port-and-adapter-pattern-for-ngrx-signal-store

#angular

Built replies generation application with Angular

This article discusses the development of a reply generation application using Angular, detailing the project's implementation and key features. - https://dev.to/railsstudent/built-replies-generation-application-with-angular-5179

#angular

Understanding Angular at Its Core: Key Concepts, Utilities and Best Practices - https://dev.to/renukapatil/understanding-angular-at-its-core-key-concepts-utilities-and-best-practices-c0j

#angular

All The Hacks That Make Angular Run Faster I learned The Hard Way - https://medium.com/@stanislavbabenko/all-the-hacks-that-make-angular-run-faster-i-learned-the-hard-way-6291cb7cd4a0

#angular

Angular: 2 Simple Examples to understand how NgRx works

In this story, we will take another example to… - https://blog.stackademic.com/angular-2-simple-examples-to-understand-how-ngrx-works-part-ii-3ee0c0f58078

#angular

Modern E2E Testing for Angular Apps with Playwright

End-to-end testing is no longer just a „nice-to-have” in modern Angular development – it’s a key part of building stable, reliable apps. As projects grow and release cycles speed up, we need more than just unit tests to catch issues. We need to see the app the way users do. - https://angular.love/modern-e2e-testing-for-angular-apps-with-playwright

#angular

Maximizing Productivity in Angular: Advanced Configurations in angular.json

Optimizing the generation of Angular components, classes, directives, guards, modules, pipes, and services. - https://javascript.plainenglish.io/maximizing-productivity-advanced-configurations-in-angular-json-2846cb739f68

#angular

Build an Angular Registration Form with Accessibility & Performance in Mind

A Tailwind CSS form, with a password strength meter… - https://levelup.gitconnected.com/accessibility-performance-ux-26a21ce9f209

#angular

Angular 19. Trying to stay afloat

The story of how, in the pursuit of all things Angular… - https://itnext.io/angular-19-trying-to-stay-afloat-abee8fcfae53

#angular

Using the Page Object Model design pattern in Angular applications - https://javascript.plainenglish.io/using-the-page-object-model-design-pattern-in-angular-applications-62c2fa42afb1

#angular

Stop Adding Repetitive Code in Components! Use ngTemplateOutlet Instead

When building Angular applications, we’ve all been there — stuck with repetitive code that’s makes our app large and hard to maintain. We’ve got sections of code that do similar tasks, but with slight variations, and we copy-paste them in many places. Sometimes throughout the whole app, and sometimes even within a component template. This leads to a mess of code that’s difficult to read and update. - https://itnext.io/stop-adding-repetitive-code-in-components-use-ngtemplateoutlet-instead-f7c0150df53d

#angular

Building a Custom Comparison Validator Directive in Angular

There are several traditional approaches to implementing custom validation in Angular forms, but today, we’ll explore a unique solution using custom directives. If you’ve been following my blog, you know I’m a huge fan of directives — they empower you to create modern, dynamic applications, making it feel like the magic lies in the attributes themselves. - https://medium.com/@abutayar/building-a-custom-comparison-validator-directive-in-angular-3477582e6ec0

#angular

RxSignals: The most powerful synergy in the history of Angular

For years, RxJS has been a cornerstone of reactivity in Angular. However, one of its main drawbacks in terms of synchronizing data and view is its stateless nature. - https://medium.com/coreteq/rxsignals-the-most-powerful-synergy-in-the-history-of-angular-235398a26b41

#angular

Angular: Applying multiple filters simultaneously to an array of objects using…

Filtering and Sorting is a basic requirement of any… - https://blog.stackademic.com/angular-applying-multiple-filters-simultaneously-to-an-array-of-objects-using-pipes-123980cd1471

#angular

Angular Clean Coding Fundamentals - https://www.telerik.com/blogs/angular-clean-coding-fundamentals

#angular

Lightweight Port and Adapter Pattern for NGRX Signal Store - https://angular.love/lightweight-port-and-adapter-pattern-for-ngrx-signal-store

#angular

Angular 20 – What’s New

Angular 20 has just been released, introducing brand-new APIs, developer-experience enhancements, improved type checking, better CLI diagnostics, and the stabilization of features from earlier Angular versions. - https://angular.love/angular-20-whats-new

#angular