The Component Lifecycle in Angular | Angular Course

Опубликовано: 21 Май 2026
на канале: Юрий Симонов
3,178
149

In this video, we'll explore the component lifecycle in Angular. We'll also cover various nuances to consider when working with it.

Support me on Boosty:
https://boosty.to/yuri_simonov

Timings:
00:00 Introduction
00:43 Lifecycle Methods
01:32 Preparation for the Lesson
02:00 Constructor
03:07 Using Methods
03:43 ngOnChanges
07:31 ngOnInit
08:19 ngDoCheck
11:17 ngAfterContentInit
11:54 ngAfterContentChecked
12:37 ngAfterViewInit
12:57 ngAfterViewChecked
13:28 Example for ngAfterViewInit
15:12 ngOnDestroy
16:10 Differences between Lifecycle Components and Directives
16:49 ExpressionChangedAfterItHasBeenCheckedError
18:28 Implements
19:11 All Methods (briefly)
20:15 Helper Project

Links to pages with methods from the official documentation:
https://angular.io/api/core/OnChanges
https://angular.io/api/core/OnInit
https://angular.io/api/core/DoCheck
https://angular.io/api/core/AfterCont...
https://angular.io/api/core/AfterCont...
https://angular.io/api/core/AfterView...
https://angular.io/api/core/AfterView...
https://angular.io/api/core/OnDestroy

The code from the lesson can be found in the GitHub repository in the corresponding section. Commit:
https://github.com/Yuri-Simonov/My-An...

Link to the playlist for this Angular course:
   • Angular курс для начинающих | Angular уроки  

My IT Telegram channel:
https://t.me/yuri_simonov_it

Link to the Helper project:
https://yuri-simonov.github.io/Helper/

Helper project chat:
https://t.me/yuri_simonov_helper