สถาปัตยกรรม Vue
รูปแบบการออกแบบ component, โครงสร้างโฟลเดอร์, โมดูล feature, domain-driven design, การจัดระเบียบ composables
1สถาปัตยกรรมแบบ feature-first ใน Vue/Nuxt คืออะไร?
สถาปัตยกรรมแบบ feature-first ใน Vue/Nuxt คืออะไร?
คำตอบ
สถาปัตยกรรม feature-first จัดระเบียบโค้ดตามฟีเจอร์ทางธุรกิจแทนที่จะจัดตามประเภททางเทคนิค แต่ละ feature จะมี component, composables, store และ type ของตัวเองอยู่ในโฟลเดอร์เฉพาะ แนวทางนี้ช่วยเพิ่มความสามารถในการบำรุงรักษาโดยการรวมทุกอย่างที่เกี่ยวข้องกับฟีเจอร์ไว้ในที่เดียว ทำให้การทำงานเป็นทีมง่ายขึ้นเพราะนักพัฒนาสามารถทำงานบน feature ที่เป็นอิสระต่อกันได้ และทำให้โค้ดเป็นโมดูลมากขึ้นโดยช่วยให้เปิด/ปิดการใช้งาน feature ได้ง่าย
2Container/Presentational pattern ใน Vue คืออะไร?
Container/Presentational pattern ใน Vue คืออะไร?
คำตอบ
Container/Presentational pattern แยก component ออกเป็นสองประเภท ได้แก่ container ที่จัดการลอจิกทางธุรกิจ การเรียก API และ state และ presentational ที่รับเฉพาะ props และ emit อีเวนต์ การแยกนี้ช่วยเพิ่มความสามารถในการนำ component UI กลับมาใช้ใหม่ ทำให้การทำ unit test ของ component presentational ง่ายขึ้น และทำให้ความรับผิดชอบชัดเจนขึ้นโดยการแยกลอจิกไว้ใน container
3ความแตกต่างระหว่างสถาปัตยกรรมแบบ layer-first และ feature-first คืออะไร?
ความแตกต่างระหว่างสถาปัตยกรรมแบบ layer-first และ feature-first คืออะไร?
คำตอบ
สถาปัตยกรรม layer-first จัดระเบียบโค้ดเป็นเลเยอร์ทางเทคนิค (components, composables, stores, utils) โดยที่ component ทั้งหมดอยู่ด้วยกัน composables ทั้งหมดอยู่ด้วยกัน เป็นต้น ส่วน feature-first จัดกลุ่มตามฟีเจอร์ทางธุรกิจโดยที่แต่ละ feature มี component, composables และ store ของตัวเอง layer-first ง่ายกว่าสำหรับโปรเจกต์ขนาดเล็ก แต่จะบำรุงรักษายากเมื่อโปรเจกต์เติบโตขึ้นเพราะไฟล์ที่เกี่ยวข้องกับฟีเจอร์เดียวกันกระจัดกระจาย feature-first ขยายขนาดได้ดีกว่าและทำให้การทำงานเป็นทีมง่ายขึ้น
Renderless components ใน Vue คืออะไร?
จะจัดระเบียบ composables ในสถาปัตยกรรมแบบ feature-first อย่างไร?
+19 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ Vue.js / Nuxt.js อื่นๆ
พื้นฐาน JavaScript
JavaScript สมัยใหม่ (ES6+)
พื้นฐาน Vue
คอมโพเนนต์ Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
ระบบ Reactivity ของ Vue
พื้นฐาน Nuxt
การดึงข้อมูล (Data Fetching) ใน Nuxt
SSR และ SSG ใน Nuxt
Server Routes ของ Nuxt
โมดูล Nuxt
Composables ใน Vue
ฟอร์มและการตรวจสอบ Vue
การจัดการสถานะใน Nuxt
การทดสอบ Vue
การ Deploy Nuxt และ CI/CD
ประสิทธิภาพของ Vue
รูปแบบขั้นสูงของ Vue
TypeScript กับ Vue
การยืนยันตัวตน Nuxt
SEO ด้วย Nuxt
การทำ Internationalization ใน Nuxt
ความปลอดภัยของ Nuxt
ระบบนิเวศ Vue
การย้าย Vue 2→3 & Nuxt 2→3
เชี่ยวชาญ Vue.js / Nuxt.js สำหรับการสัมภาษณ์ครั้งถัดไป
เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี