각 구성 요소 세부 수준

Question

현재 프로젝트를 인계받습니다. Angular2 프로젝트입니다. 이 프로젝트에서는 모든 것이 세부적인 수준의 구성 요소로 나뉩니다.

예를 들어 헤더 구성 요소가 없으며 대신 모듈보기 구성 요소 (textModule, ImageModule, buttonModule은 모두 모듈보기 구성 요소의 인스턴스)이며 header는 textModule 및 ImageModule 두 부분으로 구성됩니다.

모듈 형 구성 요소를 사용하는 것이 중요하다는 것을 알고 있습니다. 그러나 헤더를이 사소한 수준의 구성 요소로 분해하는 것이 무엇이겠습니까?

Answer 1

응용 프로그램의 헤더에 대한 기능에 따라 과장 될 수 있습니다. 구성 요소를 가능한 한 재사용 가능한 것으로 생각하여 응용 프로그램이나 향후 응용 프로그램의 다른 부분에서 재활용 할 수 있도록하는 것이 중요합니다. 이를 염두에두고, 몇 가지 질문이 있습니다 :

1. 프로젝트에서 사용하는 각도는 무엇입니까? angularjs와 angular2 태그를 지정했습니다. Angularjs는 이제 angular 1.x를 나타내고 Angular는 angular 2.X, 3.x, 4.x 등을 나타냅니다. 의미 론적 의미있는 버전 관리에 대한 자세한 설명은 here을 참조하십시오.
2. textModule, imageModule 및 buttonModule 실제 모듈 또는 해당 구성 요소입니까?

일반적으로 말해서 모듈은 응용 프로그램을 각각의 서비스, 공급자 및 구성 요소가있는 특정 관심사로 분리하고 지연로드 기능을 제공해야합니다. 따라서 이러한 기본 구성 요소 각각에 대한 모듈을 갖는 것은 많은 의미가 없습니다.

많은 구성 요소로 구성된 헤더 구성 요소가있는 응용 프로그램을 작성했습니다. 예를 들어 서버 호출과 같은 자체 기능이 포함 된 별도의 구성 요소 인 검색 표시 줄이있을 수 있습니다. 또한 로그 아웃, 프로필보기 등과 같이 사용자와 관련된 옵션 목록이 토글 된 사용자 프로필 구성 요소가있을 수 있습니다.

스마트 및 프레젠테이션 구성 요소의 개념은 사용자를 구성하는 방법을 결정할 때 고려해야 할 또 다른 요소입니다. 신청. 이 post에는 이러한 구성 요소를 만들기위한 모범 사례가 설명되어 있습니다.

희망 하시겠습니까? 질문에 자유롭게 확장하십시오 :)