Angular의 독립 실행형 구성 요소, 지시문 및 파이프

Angular로 작업하는 당신은 Angular 프레임워크가 ngModule 의 개념을 중심으로 돌아가고 있다는 것을 알고 있습니다.
NgModule는 현재 Angular의 핵심 개념 중 하나입니다. Angular를 처음 사용하는 개발자는 간단한 응용 프로그램을 만들기 전에 이 개념에 대해 배워야 합니다.

Angular에서 NgModule의 이러한 중심 역할을 감안할 때 구성 요소, 지시문 및 파이프를 분리하여 추론하는 것은 어렵습니다.
NgModules는 구성 요소가 아니라 Angular에서 재사용 가능한 가장 작은 빌딩 블록입니다.

현재 시나리오

오늘날의 Angular에서는 컴포넌트를 생성할 때마다 ngModule에서 선언해야 합니다. 다른 모듈에서의 사용에 관계없이.

@Component({...})
export class UserViewComponent {
  constructor(readonly service: UserViewService) {}
}

@NgModule({
 declarations: [UserViewComponent],
  imports: [/* dependencies here */],
  providers: [{provide: UserViewService, useClass: BackendUserViewService}],
})
export class UserViewModule {}

독립형 구성 요소가 제공하는 기능은 무엇입니까?

독립 실행형 구성 요소는 기본적으로 ngModule을 생성하지 않고 구성 요소를 생성하도록 제공합니다.

다음과 같이 보일 것입니다.

import {Component} from '@angular/core';

@Component({
  standalone: true,  
  template: `I'm a standalone component!`
})
export class HelloStandaloneComponent {}

이 개념이 그림에 들어오면서 많은 흥미로운 아이디어가 열립니다.

이 기능은 언제 출시되나요?

최근에 이 기능에 대한 RFC가 완료되었습니다.
Link

따라서 곧 출시될 것으로 예상할 수 있습니다.

이 프로토타입link을 확인하여 어떻게 될지 미리 볼 수도 있습니다.

이 기능은 확실히 게임 체인저가 될 것입니다.

읽어 주셔서 감사합니다!

읽어주셔서 감사합니다.