Testing
Creating Custom Directives in Angular
Today we will learn how to create our own directives in Angular. In my previous posts I discussed all...
2021
198 articles · page 1 of 9
Tutorials
Angular & Liskov Substitution Principle
Master the Liskov Substitution Principle to create robust hierarchies, ensure predictable behavior, and write resilient Angular applications.
Testing
Migrate from Jasmine to Jest and Testing Library in Angular
Angular, by default, comes with Jasmine; it is a great testing framework. I spent one year and a half...
Forms
Attaching new behaviors through decorators in JavaScript
Simplify complex app logic using JavaScript decorators. Learn to implement reusable, clean code patterns for faster feature delivery.
State
Introduction to Angular Services
As described in angular.io, “A service is typically a class with a narrow, well-defined purpose“. In...
Architecture
Angular & Open/Closed Principle
Master the Open/Closed Principle to build scalable Angular apps. Use interfaces to add features without modifying existing code.
RxJS
MiniRx Feature Store vs. NgRx Component Store vs. Akita
MiniRx Feature Store offers simple yet powerful state management in Angular. How does MiniRx Feature Store compare to NgRx Component Store and Akita?
Components
Angular & Single Responsibility Principle
Master the Single Responsibility Principle in Angular to eliminate side effects and build highly maintainable, testable components.
RxJS
Angular Tips & Tricks part VIII
Master essential Angular patterns, from optimizing ngFor performance and input handling to mastering RxJS and type-safe dialog data.
Components
Animate your Angular App using Motion One
Motion One is a new animation library built on the Web Animations API. If you have used Popmotion or...
Testing
Testing an NgRx project
How write maintainable NgRx tests within an Angular application
Architecture
State Machines in JavaScript with XState
Replace error-prone boolean flags in your Angular apps with state machines using XState for predictable, scalable, and bug-free logic.
Forms
NgRx Best Practices Series: 1. Cache & LoadStatus
In this series of articles, I am sharing the lessons that I have learned from building reactive...
Performance
An overview of State Management solutions for React and NextJS
Stop prop-drilling in complex React apps. Master Context API, Redux, and Recoil to scale state efficiently and optimize performance.
State
NgRx Tips I Needed in the Beginning
Cover photo by Léonard Cotte on Unsplash. This article contains a list of tips and best practices...
Release
Angular v13 is now Available - Angular Blog
We’re back with the brand new release of Angular v13 to share with all of you! This latest release brings all sorts of updates and features to help your teams build great apps. Get Angular v13 now by…
Testing
Simplifying Angular testbed setup by converting to synchronous test hooks
Surprising to some, calling TestBed.compileComponents is unnecessary unless you're Google.
News
ngWorkshops – review
Master advanced RxJS patterns and Angular performance at scale with GDE Michael Hladki to optimize your apps and write smarter code.
Dependency Injection
The controllers of component concept in Angular: part II
Reduce component code bloat and boost flexibility using DI metacontrollers. Sync component settings across your app for cleaner code.
Forms
Demistifying webpack’s 'import’ function: using dynamic arguments
Master dynamic imports in Webpack using expressions and custom modes. Optimize chunk generation and lazy loading for faster applications.
Testing
The Micro-Frontend Chaos (and how to solve it)
Avoid cascading failures in Micro-Frontends by implementing an anti-corruption layer. Ensure long-term stability for complex systems.
Components
Wrapping Angular Material button in custom Angular component (part 2)
In the first part of this post we ended up with a simple but repetitive solution to wrapping Angular...
Components
Angular & Electron part 2
Master Electron and Angular communication patterns. Compare IPC, Context Bridge, and local servers to build secure, robust desktop apps.
Components
Wrapping Angular Material button in custom Angular component (part 1)
I was recently working on a button component as part of a Design System based on Angular Material....