RxJS
Cypress – introduction
Streamline your Angular testing strategy with Cypress. Master end-to-end setups, avoid common pitfalls, and write more resilient tests.
Latest articles
1,831 articles · page 42 of 77
State
NgRx Use Cases, part II: Working with Lists
Original cover photo by Glenn Carstens-Peters on Unsplash. In my previous article we covered...
RxJS
How to refactor to reactivity
I just finished rewriting an app from imperative code to completely reactive code. Here's the process I followed.
State
NgRx Effect vs Reducer vs Selector
Welcome to Angular challenges #2. The aim of this series of Angular challenges is to...
Change Detection
Overview over Angular’s repositories
I’ve been working with Angular for around 6 years now. It’s a great framework that I enjoy working...
Forms
Pushing Angular's Reactive Limits: Event Context & Toasts/Dialogs
I converted a component from an imperative approach using NgRx/Component-Store to a completely reactive approach. I added local state to an event's payload to keep local and global state separate. I also created a declarative toast wrapper component.
General
Angular v15 is now available! - Angular Blog
Over the past year we removed Angular’s legacy compiler and rendering pipeline which enabled the development of a series of developer experience improvements in the past couple of months. Angular v15…
State
Pushing Angular's Reactive Limits: Router and Component Store
I converted a component from an imperative approach using NgRx/Component-Store to a completely reactive approach. I decide to create a wrapper component for reactive router navigations. I also decide to define some reactive utilities for NgRx/Component-Store to handle state updates reactively.
Components
Create a highly customizable component
Welcome to Angular challenges. The aim of this series of Angular challenges is to increase...
Forms
Directive Composition with Angular 15
Introduction With a release cycle every 6 months, the release of Angular 15 is fast...
RxJS
62% less code: NGXS vs StateAdapt 1. Angular Ionic Movies
I implemented the Angular Ionic Movies app with StateAdapt and the state management code decreased by 62% from what it was using NGXS.
State
Interview mit Kai Tödter (Siemens AG) zu Micro Services, DDD und REST
Wir haben mit Kai Tödter von der Siemens AG über seine Erfahrungen zu Micro Services, DDD und REST APIs gesprochen.
Performance
Head Start With Standalone Components In Angular
Since version 14, we can play with Standalone Components as an easy way to build module-less...
Testing
The Refurbished HttpClient in Angular 15 – Standalone APIs and Functional Interceptors
The Angular team has adapted the HttpClient for the new standalone components. On this occasion, the interceptor concept was also revised.
Dependency Injection
52% less code: RxAngular vs StateAdapt 2. Angular Movies 3. Account Menu
YouTube video for this article I implemented the Account Menu in Angular Movies with StateAdapt and...
Router
50% less code: RxAngular vs StateAdapt 2. Angular Movies 1. App Shell
I implemented the Angular Movies app shell with StateAdapt and the code decreased by 50%.
Performance
Working With Lazy Loading Modules and Preload Routing Strategies In Angular
When we build an Angular application with multiple modules in a large app, the main script file...
State
31% less code: RxAngular vs StateAdapt 1. Todo MVC
I implemented Todo MVC with StateAdapt and the code decreased by 31%.
State
NgRx Use Cases, Part I: Restricting Access
Original cover photo by Sandy Millar on Unsplash. What is access restricting? Restricting...
Testing
Inversion of Control: Service Locator in Typescript
I've been working with Angular for a while now (over 2 years), and since I moved to another...
RxJS
A Simple Way To Read JSON Data In Your Angular App
I was playing around with a small Angular app and I wanted to get some data from a json file that I...
Styling
Modern CSS in Angular: Layouts - Angular Blog
This month we introduce a new blog series, ‘Modern CSS in Angular’, where we’ll take a look at modern CSS enhancements recommended for Angular developers. @angular/flex-layout is a hybrid JavaScript…
State
A better feature flag directive in Angular
Custom structural directives are powerful. They promote a declarative approach and help you keep your...
RxJS
Component initialization without ngOnInit with async pipes for Observables and ngOnChanges
Ditch ngOnInit boilerplate by mastering RxJS pipes, AsyncPipe, and input setters to write cleaner, reactive Angular code effortlessly.