Kiến trúc Angular
Smart vs presentational components, feature modules, core modules, shared modules, monorepo với Nx, cấu trúc thư mục
1Sự khác biệt chính giữa smart component và presentational component là gì?
Sự khác biệt chính giữa smart component và presentational component là gì?
Câu trả lời
Smart components (hoặc container components) quản lý logic nghiệp vụ, các lời gọi API và trạng thái ứng dụng thông qua các service hoặc state management. Presentational components chỉ tập trung vào việc hiển thị và nhận dữ liệu qua @Input, phát ra các sự kiện qua @Output. Sự phân tách này cải thiện khả năng kiểm thử và tái sử dụng của các component.
2Lợi ích chính của việc sử dụng presentational components là gì?
Lợi ích chính của việc sử dụng presentational components là gì?
Câu trả lời
Presentational components có khả năng tái sử dụng cao vì chúng không phụ thuộc vào các service hoặc logic nghiệp vụ cụ thể. Chúng nhận tất cả dữ liệu qua @Input và giao tiếp qua @Output, giúp dễ dàng kiểm thử với dữ liệu mock và tái sử dụng trong nhiều ngữ cảnh khác nhau. Cách tiếp cận này cũng khuyến khích sử dụng chiến lược OnPush để tối ưu hiệu suất.
3Feature module trong Angular là gì?
Feature module trong Angular là gì?
Câu trả lời
Feature module là một module Angular đóng gói một tính năng nghiệp vụ cụ thể của ứng dụng (ví dụ: quản lý người dùng, giỏ hàng). Nó chứa tất cả các component, service, directive và pipe cần thiết cho tính năng đó. Feature module có thể được lazy load để cải thiện hiệu suất và thúc đẩy kiến trúc module có khả năng mở rộng.
Vai trò của Core Module trong kiến trúc Angular là gì?
Tại sao chỉ import Core Module một lần trong AppModule?
+19 câu hỏi phỏng vấn
Các chủ đề phỏng vấn Angular khác
Kiến thức cơ bản TypeScript
TypeScript Nâng cao
Kiến thức cơ bản về Angular
Components và vòng đời
Services & Dependency Injection
Tổ chức Module Angular
Angular CLI
Directives và Pipes
Routing và Điều hướng
Reactive Forms
Template-driven Forms
Kiến Thức Cơ Bản RxJS
Operator RxJS
HttpClient và lệnh gọi API
Quản lý state cơ bản
Change Detection
Angular Signals
Standalone Components
Unit Testing trong Angular
Kiểm thử End-to-End
Build và tối ưu hóa
Nền tảng NgRx
NgRx nâng cao
Tối ưu hiệu năng
Bảo mật và thực tiễn tốt nhất
Các mẫu RxJS nâng cao
Angular Universal và SSR
Micro-frontend Angular
Nắm vững Angular cho lần phỏng vấn tiếp theo
Truy cập tất cả câu hỏi, flashcards, bài kiểm tra kỹ thuật, bài tập code review và mô phỏng phỏng vấn.
Bắt đầu miễn phí