Blog
Mert Özen's blog posts on software development, backend, frontend, and DevOps.
Your First Angular Component: The Anatomy of Decorator, Selector and Template
We take apart an Angular component: the @Component decorator, selector, template and styles. We generate one with the CLI and see the component tree and style encapsulation.
Component Communication in Angular: @Input, @Output, @ViewChild and ng-content
How components talk in Angular 12: data from parent to child with @Input, notifications back with @Output and EventEmitter, your own two-way binding, @ViewChild and content projection with ng-content.
Angular Lifecycle Hooks: A Component's Life From ngOnInit to ngOnDestroy
Constructor vs ngOnInit, ngOnChanges with SimpleChanges, ngAfterViewInit where ViewChild is ready, and ngOnDestroy for cleaning up intervals. We log every hook to see the exact order.
What's New in Angular 17.x: input(), model(), output() and Signal Queries
input(), input.required(), model(), output() and the viewChild()/viewChildren() signal queries from Angular 17.1–17.3, side by side with their Angular 12 @Input, @Output and @ViewChild counterparts.