Introduction 📝: Welcome to my blog! In this article, we will discover a new way of doing dependency injection with inject()function, a new feature released in Angular 14. As you know dependency injection is a pattern that helps to inject some parts of an application into other parts of an application that…

Introduction 📕: Welcome to my blog! In this article, we will explore the new feature “standalone components” released with Angular 14. As you know, In Angular components are the building blocks of the application, and are responsible for defining user interfaces, however we will Let’s dive in and explore the world of…

Introduction 📕: As our application grows and we need complex and rich UI nowadays, as our code lines increase and we found out ourselves in a situation of code duplication, we need to consider implementing reusable components that can be easily shared across the application. So in this blog, we will explore…

Introduction: Many big projects are built with the Angular framework which is scalable and robust, but we miss caring about the bundle size. Because having projects with large bundle sizes can have an impact on the user experience So in this blog, we will discover together how to analyze our current…

Introduction 📝: Hello, Angular community,I guess most of you already worked with lazy loading as a technique for Angular routing which is fetching or loading UI only when the user requests it, but you should know that lazy loading is not only limited to routing but can be used in other uses…

Introduction 📕: Hello dear readers, as you know Rxjsis a popular JavaScript library used to build reactive applications used by the Angularframework, one of the wealthiest features is the possibility to customize the available operators for some desired behaviors. In this article, we will explore how to create custom operators in Rxjs…

Introduction 📝: Hello dear readers, as you know, unit testing is an essential part of software development that helps ensure the project is maintainable and stable. And as you know, Angular provides robust tools and features to write unit tests, However, writing unit tests in Angular can be complex and effort consuming…

Introduction: Hello lovely readers, and welcome to the exploration of essential tools for the Angular project.nowadays it’s crucial for developers to use the latest tools and techniques to build scalable and reliable applications such as eslint-plugin-deprecation and eslint-plugin-rxjs. In this article, we will explore how to use these plugins as powerful…

Introduction: Nowadays in software development, unit tests play a critical role to ensure your project quality and the code works as expected. One of the key aspects of unit tests is mocking which helps you to isolate your tests from external dependencies and simulate the behavior of your real objects. For…