Architecture Patterns
สถาปัตยกรรมคอมโพเนนต์, atomic design, โครงสร้างแบบ feature-based, clean architecture, SOLID
1สถาปัตยกรรมแบบคอมโพเนนต์ในแอปพลิเคชัน React Native คืออะไร?
สถาปัตยกรรมแบบคอมโพเนนต์ในแอปพลิเคชัน React Native คืออะไร?
คำตอบ
สถาปัตยกรรมแบบคอมโพเนนต์คือการจัดโครงสร้างแอปพลิเคชันให้เป็นองค์ประกอบที่นำกลับมาใช้ใหม่ได้และเป็นอิสระ โดยแต่ละองค์ประกอบมีความรับผิดชอบเพียงอย่างเดียว แนวทางนี้ส่งเสริมการนำโค้ดกลับมาใช้ใหม่ ทำให้ unit testing ง่ายขึ้น และเพิ่มความสามารถในการบำรุงรักษา แต่ละคอมโพเนนต์จะห่อหุ้ม state ตรรกะ และการแสดงผลของตนเอง ทำให้สามารถสร้างอินเทอร์เฟซที่ซับซ้อนจากบล็อกที่เรียบง่ายและประกอบกันได้
2ในรูปแบบ Atomic Design ห้าระดับของคอมโพเนนต์จากเล็กที่สุดไปใหญ่ที่สุดคืออะไร?
ในรูปแบบ Atomic Design ห้าระดับของคอมโพเนนต์จากเล็กที่สุดไปใหญ่ที่สุดคืออะไร?
คำตอบ
Atomic Design ที่สร้างโดย Brad Frost จัดระเบียบคอมโพเนนต์เป็นห้าระดับ: Atoms (องค์ประกอบพื้นฐานเช่น Button, Text), Molecules (กลุ่มของ atoms เช่น SearchInput), Organisms (ส่วนที่สมบูรณ์เช่น Header), Templates (เลย์เอาต์ของหน้า) และ Pages (อินสแตนซ์ของ templates พร้อมข้อมูลจริง) วิธีการนี้ช่วยให้สร้าง design system ที่สอดคล้องและขยายขนาดได้ง่ายขึ้น
3ข้อได้เปรียบหลักของโครงสร้างโปรเจกต์แบบ feature-based เมื่อเทียบกับโครงสร้างแบบอิงตามประเภทไฟล์คืออะไร?
ข้อได้เปรียบหลักของโครงสร้างโปรเจกต์แบบ feature-based เมื่อเทียบกับโครงสร้างแบบอิงตามประเภทไฟล์คืออะไร?
คำตอบ
โครงสร้างแบบ feature-based จัดกลุ่มไฟล์ทั้งหมดที่เกี่ยวข้องกับฟังก์ชันหนึ่งไว้ในโฟลเดอร์เดียวกัน (คอมโพเนนต์ hooks services เทสต์) ซึ่งช่วยเพิ่มความเชื่อมโยงของโค้ดและทำให้การนำทางง่ายขึ้นเพราะทุกอย่างที่เกี่ยวกับ feature อยู่ในที่เดียว ต่างจากโครงสร้างแบบอิงตามประเภทที่ไฟล์กระจัดกระจาย แนวทางนี้ลดการสลับบริบทและทำให้การลบหรือแก้ไข feature ทั้งหมดง่ายขึ้น
หลักการ SOLID 'S' (Single Responsibility Principle) ที่ใช้กับคอมโพเนนต์ React Native หมายถึงอะไร?
ใน Clean Architecture เลเยอร์ใดที่มีกฎทางธุรกิจของแอปพลิเคชัน?
+19 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ React Native อื่นๆ
พื้นฐาน JavaScript
พื้นฐาน React
พื้นฐาน React Native
React Hooks
TypeScript สำหรับ React และ React Native
คอมโพเนนต์และ API ของ React Native
การจัดสไตล์และเลย์เอาต์ใน React Native
การนำทางใน React Native
การจัดการ State ใน React Native
Networking และ API ใน React Native
การคงอยู่ของข้อมูล
ฟอร์มและการตรวจสอบความถูกต้อง
แอนิเมชัน React Native
Native Modules & Bridge
โค้ดเฉพาะแพลตฟอร์ม
สิทธิ์และ Device API
Push Notifications
การทดสอบ React Native
การ Debug React Native
Build & Deployment
Expo vs React Native Bare
การเพิ่มประสิทธิภาพ
การจัดการหน่วยความจำ
React Native New Architecture
แนวทางปฏิบัติที่ดีที่สุดด้านความปลอดภัย
Offline-First Architecture
CI/CD React Native
Monorepo และการแชร์โค้ด
หัวข้อขั้นสูง
วงจรชีวิตแอปและการทำงานเบื้องหลัง
การยืนยันตัวตนและการจัดการเซสชัน
Monitoring & Crash Reporting
เชี่ยวชาญ React Native สำหรับการสัมภาษณ์ครั้งถัดไป
เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี