MEVN Stack คืออะไร ?
บทความนี้เป็นบทความต่อเนื่องของบทความเกี่ยวกับ Full Stack สามารถอ่านบทความก่อนหน้าได้ตาม link ด้านล่างนี้นะครับ
ในบทความนี้เราจะกล่าวถึงอีก Stack หนึ่งที่ได้รับความนิยมอย่างสูงเช่นกันนั่นคือ MEVN Stack นั่นเอง ทั้งนี้ทั้งนั้น ตัว MEVN Stack ก็มีส่วนที่คล้ายกันกับ 2 Stack ก่อนหน้า (MEAN, MERN) อันได้แก่ MongoDB / MySQL, Express, NodeJS โดยส่วนที่ต่างกันไปนั่นก็คือส่วน Frontend ที่เลือกใช้ VueJS
MEVN Stack คืออะไร
MEVN Stack คือ Stack ที่ใช้ Vue เป็นตัวจัดการด้าน Frontend ซึ่งตัว Vue เองนั้นเป็น javascript library ที่ดึงเอาข้อดีของทั้ง React และ Angular เข้ามารวมไว้ในตัวเดียวกันนั่นคือการใช้ Virtual DOM ในการ Render แต่ยังสามารถเขียน code แบบ HTML, CSS ปกติได้
ข้อดีของ Vue
- ตัว library มีขนาเล็กมากเมื่อเทียบกับอีก 2 stack ก่อนหน้านี้
- Leaning Curve ต่ำกว่า React ใกล้เคียงกับ Angular
- สามารถ reuse code ได้ง่ายกว่า โครงสร้าง Project ไม่ซับซ้อน
ข้อเสียของ Vue
- วิธีการเขียนตั้งต้น + เอกสารส่วนใหญ่เป็น Javascript ซึ่งถ้าจะทำ Project ขนาดใหญ่แนะนำให้พัฒนาในรูปแบบ Typescript ดีกว่า
- ถ้าต้องการทำ feature อื่นๆ เช่น validator, routing, http client จำเป็นต้องติดตั้ง library เพิ่ม
- มีวิธีการวางโครงสร้าง project หลายแบบมาก (แนะนำให้ใช้ nuxt.js)
Vue เหมาะกับงานประเภทไหน
จากประสพการณ์ในการเลือกใช้ stack ในแต่ละงานพบว่าตัว vue นั้นสามารถทำงานได้เกือบทุกประเภทไม่ว่าจะเป็นระบบหน้าบ้าน หลังบ้าน ก็สามารถทำได้เป็นอย่างดีเหมาะสำหรับนักพัฒนาที่ต้องการพัฒนาโปรแกรมที่มีความหลากหลาย ส่วนจุดอ่อนเดียวของ Vue ก็คือการต่อยอดไปทำเป็น Mobile นั้นยังทำออกมาสู้ React ไม่ได้
สรุปถ้าเป็นงานที่เน้นไปทาง back office เพียงอย่างเดียวแนะนำให้ใช้ Angular ถ้างานที่เน้น front + เผื่อ mobile เป็นหลักให้ใช้ React แต่ถ้าอยากได้ทั้ง front + back ไม่เน้น mobile เท่าไหร่นักแนะนำ Vue ครับ
สำหรับท่านใดมีข้อสอบถามสามารถเข้ามาพูดคุยแลกเปลี่ยนกันได้ที่ facebook : pnpsolution หรือ web site : www.pnpsw.com ได้ครับ
