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

Modern Form Handling with Angular Signals and Reactive Forms

Harnessing the Power of Modern Angular for Efficient… - https://itnext.io/modern-form-handling-with-angular-signals-and-reactive-forms-bc8fd9480d14

#angular

Why inline templates are great

During my daily X lurking, I found a post from Younes asking others if they would be open to transitioning from templateUrl to inline templates if Angular allowed importing Typescript structures directly into the template, without having to assign them to class properties. - https://angular.love/why-inline-templates-are-great

#angular

Stop Using @ViewChild/Children Decorators! Use Signals Instead

If you’re still using the old Angular… - https://itnext.io/stop-using-viewchild-children-decorators-use-signals-instead-5bcfd7d26e55

#angular