สถาปัตยกรรม Angular
Smart vs presentational components, feature modules, core modules, shared modules, monorepo ด้วย Nx, โครงสร้างโฟลเดอร์
1ความแตกต่างหลักระหว่าง smart component และ presentational component คืออะไร?
ความแตกต่างหลักระหว่าง smart component และ presentational component คืออะไร?
คำตอบ
Smart components (หรือ container components) จัดการ business logic, การเรียก API และ state ของแอปพลิเคชันผ่าน service หรือ state management. Presentational components มุ่งเน้นที่การแสดงผลเท่านั้นและรับข้อมูลผ่าน @Input และส่ง event ผ่าน @Output การแยกนี้ช่วยเพิ่มความสามารถในการทดสอบและการนำกลับมาใช้ใหม่ของ component
2ข้อได้เปรียบหลักของการใช้ presentational components คืออะไร?
ข้อได้เปรียบหลักของการใช้ presentational components คืออะไร?
คำตอบ
Presentational components สามารถนำกลับมาใช้ใหม่ได้สูงเพราะไม่ขึ้นอยู่กับ service หรือ business logic เฉพาะ พวกมันรับข้อมูลทั้งหมดผ่าน @Input และสื่อสารผ่าน @Output ทำให้ทดสอบได้ง่ายด้วยข้อมูล mock และนำกลับมาใช้ในบริบทต่างๆ ได้ แนวทางนี้ยังส่งเสริมการใช้กลยุทธ์ OnPush เพื่อเพิ่มประสิทธิภาพ
3feature module ใน Angular คืออะไร?
feature module ใน Angular คืออะไร?
คำตอบ
feature module คือ module ของ Angular ที่ encapsulate ฟีเจอร์ทางธุรกิจที่เฉพาะเจาะจงของแอปพลิเคชัน (ตัวอย่าง: การจัดการผู้ใช้, ตะกร้าสินค้า) ประกอบด้วย component, service, directive และ pipe ทั้งหมดที่จำเป็นสำหรับฟีเจอร์นั้น feature module สามารถ lazy load เพื่อเพิ่มประสิทธิภาพและส่งเสริมสถาปัตยกรรมโมดูลาร์ที่ขยายได้
บทบาทของ Core Module ในสถาปัตยกรรม Angular คืออะไร?
ทำไมจึง import Core Module เพียงครั้งเดียวใน AppModule?
+19 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ Angular อื่นๆ
พื้นฐาน TypeScript
TypeScript ขั้นสูง
พื้นฐาน Angular
คอมโพเนนต์และวงจรชีวิต
Services & Dependency Injection
การจัดระเบียบโมดูล Angular
Angular CLI
Directives และ Pipes
Routing และการนำทาง
Reactive Forms
Template-driven Forms
พื้นฐาน RxJS
Operator ของ RxJS
HttpClient และการเรียก API
การจัดการ state พื้นฐาน
Change Detection
Angular Signals
Standalone Components
การทำ Unit Testing ใน Angular
การทดสอบ End-to-End
Build และการเพิ่มประสิทธิภาพ
พื้นฐาน NgRx
NgRx ขั้นสูง
การปรับแต่งประสิทธิภาพ
ความปลอดภัยและแนวทางปฏิบัติที่ดี
รูปแบบ RxJS ขั้นสูง
Angular Universal และ SSR
Angular Micro-frontends
เชี่ยวชาญ Angular สำหรับการสัมภาษณ์ครั้งถัดไป
เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี