Forms
Angular self-saving dropdowns – yet another directive
Eliminate redundant save buttons by building a custom Angular directive that handles autosaving and visual feedback for your dropdowns.
Latest articles
1,800 articles · page 51 of 75
Performance
Updates on dev-to clone in Angular - July 16
Github Repo - https://github.com/ajitsinghkaler/devto-clone Deployed on Firebase -...
Testing
NestJS – Angular style backend framework
Master backend development faster using NestJS. Leverage your Angular expertise to share code and logic across the entire full-stack.
Accessibility
How to review Angular code
Original cover photo by Alvaro Reyes on Unsplash. One of the most important responsibilities of a...
Change Detection
Angular Change Detection-Detaching the Change Detector
Hi all, in this series we are discussing Angular Change Detection, in the last post we discussed the...
State
Creating Dev.to Clone with Angular
I'm starting a new series in which we will create a dev.to clone in angular. I will release some work...
Testing
Getting the most value out of your Angular Component Tests
How I write my Angular Component Tests with the Angular Testing Library.
Change Detection
Angular change detection -OnPush
In my last post about change detection, we touched on the basics of it. In this article, we will try...
Testing
Protractor is dead, long live Cypress! - Part 2
Table of Contents Basics First Test Look out for Flakiness Be careful with...
Testing
Protractor is dead, long live Cypress! - Part 1
On 24th April, Angular announced the deprecation of their E2E testing tool protractor. In this article, I will provide a short overview over the differences between the various E2E frameworks, argue why you should use Cypress and – in the second part – help you with the first steps.
Performance
Angular Modules Best Practices 2021
Best practices how to bundle your application with Angular modules
RxJS
Leveraging Dependency Injection to reduce duplicated code in Angular
Simplify route parameter handling in Angular using custom factory functions and InjectionTokens for cleaner code and easier testing.
Router
Angular Router: empty paths, named outlets and a fix that came with Angular 11
Angular Router: empty paths, named outlets and a fix that came with Angular 11
RxJS
Implementing custom confirmation modal for canDeactivate
Hi all, in this article, we will discuss what canDeactivate means and how to have a custom...
Router
Building an RSS Scully Plugin - Angular
In this article, we will learn how to extend Scully functionality through plugins. We will do this by...
RxJS
Making API call bypassing Interceptor if one is configured in Angular
Hi All, if you have worked on some Angular project and used backend communication with API in which...
Testing
Craft a complete GitLab pipeline for Angular. Part 2
Automate Angular deployments with GitLab CI/CD. Learn to package your apps as Docker images, host on Pages, and publish NPM libraries.
Testing
Mocking with MSW and Nx
We are sitting in front of our new project and we need to start coding some new screens but the...
Dependency Injection
How to provide data to ComponentPortal using Dependency injection
Some time ago I published a video that in detail showed how to use the Angular CDK Portal module and in which use cases it might be useful. Almost immediately in the comments, I got a question: “How to provide data to the ComponentPortal factory?”. Fair enough! This is indeed a good question and in
General
How to make Interface properties optional without changing Interface??
Hey all, we might have come across this situation where we define the Interface but at the time of...
Change Detection
Change Detection in Angular
Hi Readers, So if you have been using Angular for a while you might have heard of Angular Change...
Forms
Techniques to style component host element in Angular
Master component styling with :host, HostBinding, and :host-context. Simplify your architecture and keep CSS concerns out of your TS code.
Forms
Faster Perceived Response Time with Angular Material to tackle Need for Speed
Improve perceived performance by mastering UI feedback with Angular Material, ensuring faster interactions and better user experience.
Forms
How to use ControlValueAccessor to enhance date input with automatic conversion and validation
Master custom Angular form inputs by implementing ControlValueAccessor and Validator interfaces to sync data and validate values.