Explanation in details about how map and pluck work, and then figuring out main difference between two operators — Do you think the following code snippet will give the same result? Well, the answer is: not really. Let’s take a closer look to see the subtle difference. How map operator works According to the official documentation, here’s what map operator does Applies a given project function to each value emitted by the…

Angular has a tool that helps developers to measure how long will it take for a change detection cycle on average for a specific screen in your Angular application, but it is turned off by default. Turn on Angular Debug Tools To turn this feature on, just make a small change in your main.ts file…

Using dependency injection to replace redundant logic code — In my current project, there’s a block of code that is used in many places. The code looks like this @Component({ ... }) export class SomeComponent implements OnInit { constructor( private route: ActivatedRoute ) {} ngOnInit(): void { this.route.params.pipe(…

In this article, I will show you how to create a recurring event date picker form based on options input by user. From the form, user can select the start date and end date, the frequency they want an event will repeat, e.g. daily, weekly or monthly. Then the number…

In this article, I’d like to share with you how to create a list of accordion items, which also supports the drag and drop functionality. We will build two lists, the first is the list of unassigned tasks, and the second is the list of assigned tasks. Users can drag…