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
2021
198 articles · page 5 of 9
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.
Components
Multi-Framework and -Version Micro Frontends with Module Federation: The Good, the Bad, the Ugly
Combining Module Federation and Web Components brings several advantages. But there are also some pitfalls we need workarounds for.
RxJS
NgRx – tips & tricks
Optimize NgRx effects with concatLatestFrom, simplify app state using Nx DataPersistence, and clean up components with robust facades.
Performance
How @taiga-ui/cdk can help you simplify your working with Angular: our 5 best practices
Speed up your Angular development with these 5 essential Taiga UI CDK tools. Simplify state, memoization, and templates for cleaner code.
Performance
Adding a layer of more explicit typings on top of 3rd party library interfaces
Boost your Angular development by creating explicit TypeScript layers for third-party libraries, effectively eliminating runtime bugs.
RxJS
Bindon: lesser known Angular template features
Master complex Angular template patterns with tools like ngProjectAs, ngNonBindable, and $any to write cleaner, more robust code.
RxJS
Reactive dumb components
How to make dumb components reactive without imperative ngOnChanges programming
RxJS
Nullish Coalescing support in Angular template
Hello Devs, I am going to explain about Nullish Coalescing (??) . Few days back while reading relea...
Performance
Host Angular app on AWS S3 using CloudFront
Here we are going to see how to host Angular 2 or greater version on AWS S3 using CloudFront. Let's...
RxJS
Angular Forms: reactive design patterns catalog
Tackle complex enterprise forms in Angular by using reactive design patterns to decouple logic, improve maintainability, and reduce bugs.
RxJS
Conditional Tasks in Dynamic Forms
TL;DR We have support for conditional behaviors in @myndpm/dyn-forms documented at mynd.dev and we...
Forms
A journey into NgRx Selectors
Optimize state management in NgRx by leveraging powerful, memoized selectors. Learn to compose data and keep your Angular code clean.
Forms
Parametrized Validators in Dynamic Forms
TL;DR We are building the documentation of @myndpm/dyn-forms at mynd.dev and we've added support for...