Final answer:
The first Angular Lifecycle Hook executed during component creation is ngOnChanges, which occurs after the class constructor and is invoked when data-bound input properties change.
Step-by-step explanation:
The first Angular Lifecycle Hook (LCH) that is executed during the creation of a component is the constructor. However, the constructor is not considered a part of Angular's lifecycle hooks per se; it's a standard class constructor that initializes the class instance in JavaScript and TypeScript. The first official Angular lifecycle hook that is called during component initialization is ngOnChanges. This method is called before ngOnInit, and it is the earliest hook in the component lifecycle after the constructor. It is invoked whenever one or more data-bound input properties change. ngOnInit follows ngOnChanges and is called once, after the first ngOnChanges. It is typically used for the initialization logic that needs to happen once the component is properly created with its initial inputs set. The ngAfterViewInit hook runs after Angular has initialized the component's views and child views. It is the right place for DOM manipulation tasks, but it is not the first lifecycle hook.