RxJS
Why you should definitely use NgRx Store
When I was a guest on Tech Talks with Santosh, a great talk show hosted by Santosh Yadav, I expressed...
2021
198 articles · page 6 of 9
Architecture
How to split HTTP Interceptors between multiple backends
Manage multiple backends in Angular by implementing custom HttpClient services. Separate concerns and simplify requests with ease.
Forms
A new approach to have Dynamic Forms in Angular
TL;DR Go to Stackblitz and witness the power of @myndpm/dyn-forms, check its synthetic source code...
Forms
A generic Angular template-driven validator
One validator to rule them all
Components
Different ways to run schematics from another schematics
Master complex code generation by triggering existing Angular schematics from within your own. Build modular, reusable workflows.
Components
Maintaining Multi-language Angular Applications with i18n
Angular i18n and the localizing of applications had an overhaul with version 9, enabled by the new re...
Forms
Why and how to manage state for Angular Reactive Forms
Why and how to manage state for Angular Reactive Forms
Change Detection
How pure and impure pipes work in Angular Ivy
Explore how Angular’s Ivy engine handles pure and impure pipes. Understand instance management to optimize performance in your apps.
RxJS
How to use TS decorators to add caching logic to API calls
Stop cluttering interceptors with API caching logic. Use clean TypeScript decorators to simplify state and boost app performance.
RxJS
Why I didn't just use NgRx, NGXS or Subjects in a Service
Why I didn't just use NgRx, NGXS or Subjects in a Service
State
Plugin Architecture for Angular Libraries using Dependency Injection
The plugin architecture is a well-known software design pattern used for its flexibility, extensibili...
Forms
A practical guide to Angular Template-Driven Forms
The things I looked up while learning the template-driven way
Forms
Top 5 Angular Interview Questions for advanced developers
The interview process is a very important step in our career as a Software Developer and you should be well-prepared no matter how experienced and confident you are. I changed companies several times, had a myriad of interviews, and was also involved in the recruiting process helping my team and com
SSR & Hydration
Global objects in Angular
Stop accessing global objects directly. Use Angular DI tokens to abstract browser APIs for easier testing and seamless SSR compatibility.
Performance
NGRX Best Practices
Streamline your NgRx development with these expert best practices. Improve state management, reduce boilerplate, and build scalable code.
State
How to set up an Nx-style monorepo workspace with the Angular CLI: Part 5
In the final part of this tutorial, we create the seatmap data access, seat listing feature, shared buttons UI, and shared formatting utilities library. Finally, we compare our approach with the full Nx toolchain.
State
How to set up an Nx-style monorepo workspace with the Angular CLI: Part 4
In Part 4 of this tutorial, we create the check-in data access and check-in feature shell libraries. We create the check-in desktop application, review and verify how much our tool automated and finally create the mobile check-in application.
Testing
How to set up an Nx-style monorepo workspace with the Angular CLI: Part 3
In Part 3 of this tutorial, we create the passenger info and flight search feature libraries. We use the generate project tool to create the mobile booking application and its test project. Finally, we create a mobile version of the flight search component template.
Testing
How to set up an Nx-style monorepo workspace with the Angular CLI: Part 2
In Part 2 of this tutorial, we'll set up our custom generate project tool and create the shared and booking data access libraries with NgRx. To honor the flow of dependencies, we extract a shared environments library.
Testing
How to set up an Nx-style monorepo workspace with the Angular CLI: Part 1
In this step-by-step tutorial, we set up an Nx-style monorepo workspace with the Angular CLI. In this first part, we create an application project, an end-to-end test project, and a feature shell library.
News
Angular Architects – our opinion about trainings
Struggling with complex Angular testing or architecture? Expert-led workshops offer hands-on training to refine your app structures.
Components
How Angular applications boot
In this article, I'll give you an overview of how Angular applications are bootstrapped. Note that...
Forms
How we make our base components more flexible: controllers concept in Angular
Eliminate deeply nested component @Inputs with Angular Controllers. Use Dependency Injection to clean up API surface and reduce bundle size.
RxJS
Create a component harness for your tests with Angular CDK
Learn how to create and consume a custom component harness using Angular CDK. With a step-by-step case study, we run it in unit tests and end-to-end tests.