ผมได้ไปเจอ Source มาจากที่หนึ่งซึ่งบทความน่าสนใจมากแต่ทว่ามันเป็นภาษาอังกฤษ แน่นอนว่าหลายท่านที่มีความสามารถทางภาษาอังกฤษคงจะไม่สนใจเท่าไรนัก แต่บางคน(อย่างผม) ยังคงชอบภาษาไทยอยู่ดี ดังนั้นผมจึงแปลบทความนี้มาให้อ่านกันดูนะครับ

ช่วงเวลาหนึ่งมาแล้วที่เราได้ปล่อยบทความเปรียบเทียบ Angular VS React ออกไป ในบทความพวกเราได้แสดงให้เห็นถึงข้อดีและข้อเสียของแต่ละ Framework พร้อมทั้งแนะนำว่าควรจะใช้อะไรในปี 2018 โดยเฉพาะ แต่นั่นคือปี 2018 แล้วสถานการ์ของ Frontend ในปี 2019 นี้ล่ะ?

Javascript Framework ได้ดำเนินการพัฒนาไปอย่างเร็วมาก จากที่เราเห็นเร็วๆนี้เราจะเห็นการอัพเดตเวอร์ชั่นของ Angular ที่ออกมาถี่ๆ ทางด้าน React ก็ไม่น้อยหน้ายังรวมถึงตัวอื่นๆ เช่น Vue.js

ทีนี้เรามาวิเคราะถึงตำแหน่งงานทั่วโลกที่ต้องการความชำนาญเฉพาะด้านของ Framework กัน ซึ่งต้นทางของเราได้มานำมาจากเว็บไซต์ Indeed.com และจากข้อมูลนี้เราได้รับรายงานถึงจำนวนตำแหน่งงานกว่า 60,000 ตำแหน่งที่ต้องการดังภาพ

จากข้อมูลที่เราได้รับมานี้เราตัดสินใจจะแชร์ข้อดีและข้อเสียของแต่ละ Framework เพื่อช่วยให้เหล่า Tech Professional หรือ Engineer ได้เลือกสิ่งที่ดีที่สุดในการพัฒนาของพวกเขาเอง

ข้อดีและข้อเสียของ Angular

Angular เป็นสุดยอด Javscript MVVM Framework ตัวหนึ่ง Angular เริ่มต้นจากปี 2009 ความสามารถที่โดดเด่นของ Angular คือการสร้างเว็บไซต์ที่มี Interactive ในระดับสูง

ข้อดีของ Angular

· Angular สามารถสร้างทั้งหมดด้วย Typesciprt และยังมี execption มารองรับมันไว้ด้วย

· Angular-language-service ที่มี intelligence และ autocomplete ภายใน component ที่นอกเหนือจากไฟล์ html template

· ฟีเจอร์ใหม่ที่สร้างจาก NPM library ของ CLI การสร้างและพัฒนา Web Componentsใหม่จาก Angular โดยตรง

· Angular มีเอกสารรายละเอียดให้เรียนรู้ข้อมูลอย่างเจาะลึกทำให้ลดการพึ่งพาเพื่อนร่วมงานในการถามข้อสงสัยแต่อย่างไรก็ตามมันจำเป็นต้องใช้ระยะเวลาในการรู้

· Angular สามารถทำ one-way data bindings ที่จะทำให้ app มีพฤติกรรมการส่งข้อมูลทางเดียว ซึ่งจะทำให้เราสามารถคาดการณ์และลดความเสี่ยงที่จะเกิด Error ของ app ลงได้

· มี MVVM ทำให้นักพัฒนาสามารถแยกส่วนการพัฒนาได้ใน App เดียวโดยอาศัยการแสดงข้อมูลที่เหมือนกันเท่านั้น

· Dependency injection ของฟีเจอร์ที่อ้างอิงถึง components ในการทำ modules และ modularity เป็นเรื่องปกติ

· โครงสร้างและสถาปัตยกรรมที่สร้างขึ้นเป็นพิเศษให้รองรับการขยายขนาดของโปรเจกใหญ่ขึ้นในอนาคต

ข้อเสียของ Angular

· ความหลากหลายของโครงสร้าง(structure) ไม่ว่าจะเป็น (Injectables,Components,Pipe,Module) ทำให้ยากต่อการเรียนรู้และเข้าถึงเมื่อเทียบกับ React และ Vue.js ที่มีเพียง Components เท่านั้น

· การเกาะเกี่ยวอ้างอิงถึงกันและกันทำให้ประสิทธิภาพต่ำลง หากวัดจาก Benchmarks ต่างๆ แต่ทว่าก็มีสิ่งที่สามารถรับมือกับสิ่งนี้ได้ โดยใช้สิ่งที่เรียกว่า “ChangeDetectionStratery” ที่จะช่วยเราสามารถบังคับ Process การ Render ของแต่ละ Component แบบ Manual ได้

บริษัทที่ใช้ Angular : Microsoft, Autodesk, MacDonald’s, UPS, Cisco Solution Partner Program, AT&T, Apple, Adobe, GoPro, ProtonMail, Clarity Design System, Upwork, Freelancer, Udemy, YouTube, Paypal, Nike, Google, Telegram, Weather, iStockphoto, AWS, Crunchbase.

ข้อดีและข้อเสียของ React

React เป็น Javascript library ที่เป็น Opensource โดยสร้างจาก Facebook เมื่อปี 2013 โดยยอดเยี่ยมในการสร้าง SPA Application ไม่ว่าจะเป็นขนาดใดและขยายการรองรับในอนาคต

ข้อดีของ React

· ง่ายต่อการเรียนรู้ และการออกแบบที่ง่ายดาย โดยใช้ JSX เป็น Template นอกจากนี้ยังมีเอกสารรายละเอียดอีกมากมายให้ศึกษา

· การพัฒนาโดย React ที่จะทำให้นักพัฒนาใช้เวลาส่วนมากในการเขียน Javascript รูปแบบใหม่ๆ แทนที่จะมานั่งกังวลกับ framework-specific (มันจะน้อยลง)

· มันเร็วสุดขีด เนื่องจาก React มีการใช้ Virual DOM ในการ implementation และยังมีการเพิ่มประสิทธิภาพในการแสดงผลในอีกหลายรูปแบบ

· รองรับการ ทำ server-side rendering(SSR) ทำให้กลายเป็น framework ที่ทรงพลังในการทำ content-focus app

· เป็น First-class Progressive Web App (PWA) ซึ่งใช้เพียงคำสั่ง create-react-app ก็สามารถสร้าง app ขึ้นมาได้แล้ว

· One-way data binding ทำให้หลีกเลี่ยงผลกระทบที่ไม่จำเป็นได้

· มี Redux ที่เป็นสุดยอด framework ที่นิยมในการจัดการกับ state ของ application ใน react ที่มันเรียนรู้ง่ายและเป็นเร็ว

· React เป็นพวก Functional Programming(FP) ทำให้ง่ายต่อการสร้าง easy-to-test และนำมา reuse code ได้ง่าย

· สามารถสร้าง application แบบ type-safe ด้วย MS Typescript หรือ Facebook’s Flow โดยทั้งคู่รองรับ native JSX

· การ Migrate ระหว่าง Version ใหม่ง่ายกว่ามากด้วยการที่ Facebook ได้เตรียม “codemods” ซึ่งทำให้ทุกอย่างเป็นการทำงานแบบอัตโนมัติ

· การเรียนรู้ React สามารถใช้ได้ React Native ได้โดยตรง

จุดเสียของ React

· React ไม่มีตัวเลือกสำหรับการบอกว่าทางเลือกไหนที่ดีที่สุดในการพัฒนา ซึ่งนั่นต้องจัดการโดยพึ่งพาความสามารถที่ดีของผู้พัฒนาและกระบวนการที่ดีพอในการจัดการ

· Community กลายเป็นทางเลือกที่ดีที่สุดในการเขียน CSS ใน React ซึ่งต้องแยกระหว่าง traditional stylesheets(CSS Modules) และ css-in-JS

· React ไม่ได้ใช้การเขียนแบบ class-based component ซึ่งนั่นทำให้เกิดการไม่ชอบใจในเหล่านพัฒนา Application แบบ OOP

· การผสมผสานระหว่าง logix(JSX) จะสร้างความสับสนให้กับเหล่านักพัฒนาบางคนในช่วงแรก

เหล่าบริษัทที่ใช้ React: Facebook, Instagram, Netflix, New York Times, Yahoo, Khan Academy, Whatsapp, Codecademy, Dropbox, Airbnb, Asana, Atlassian, Intercom, Microsoft, Slack, Storybook, and many more.

**** create-react-app สามารถดูเพิ่มเติมได้ที่นี่

ข้อดีและข้อเสียของ Vue.js

Vue.js เป็น Javascript Framework สร้างเมื่อปี 2013 โดยเหมาะสำหรับการสร้าง UI ที่มีการปรับตัวสูงและ SPA ที่มีความซับซ้อน

ข้อดีของการใช้ Vue.js

· Empowered HTML นั่นหมายถึง Vue.js มีหลายส่วนที่คล้ายคลึงกับ Angular โดยมีคุณสมบัติในการช่วยเสริมความสามารถของ HTML block โดยมีความแตกต่างกันในแต่ละ Component

· Detailed documentation. Vue.js เอกสารของ Vue.js จะพึ่งพาสถานการณ์เป็นหลักเพื่อให้นักพัฒนาสามารถเรียนรู้ได้ไว ทำให้สามารถลดเวลาในพัฒนาลงมาก เพราะเพียงเพียงความรู้พื้นฐานของ javascript และ html ก็สามารถสร้างขึ้นมาได้

· Adaptability. ซึ่ง vue.js ได้เตรียมการให้เปลี่ยนมาใช้ vue.js ได้อย่างรวดเร็ว เพราะโครงสร้างของ Vue.js มีความคล้ายคลึงกับทั้ง Angular และ JS

· Awesome integration. Vue.js สามารถใช้ได้ทั้งแบบ SPA และ Web App ที่มีโครงสร้างซับซ้อน สิ่งสำคัญคือการนำส่วนเล็กๆ มาประกอบเข้ากับโครงสร้างใหญ่ที่ได้มีมาก่อนแล้ว(Exist infrastructure) โดยที่ไม่มีกระทบใดๆตามมา

· Large scaling. Vue.js รองรับและปรับตัวสำหรับโครงสร้างใหญ่และยังสามารถ reuse template ได้โดยไม่ใช้เวลามากนัก เนื่องจากโครงสร้างที่ง่ายดายของตัวมันเอง

· ขนาดเล็กมาก vue.js มีขนาดเพียง 20KB ซึ่งทำให้มันมีความไว้และยืดหยุ่น มีประสิทธิภาพได้สูงสุดกว่า framework อื่นๆ

ข้อเสียของ Vue.js

· มันไม่มี resources Vue.js ยังคงเป็นส่วนเล็กๆ ของตลาด framework Js เมื่อเปรียบเทียบกับ React และ Angular นั่นทำให้การแชร์ความรู้ใน frameworkนี้ยังอยู่เพียงระดับเริ่มต้นเท่านั้น

· ความเสี่ยงในความยืดหยุ่น (Flexibility) บางเวลา Vue.js จะเจอปัญหาในการหลอมรวม(Integrating) เข้ากับโปรเจคใหญ่ๆ ซึ่งสิ่งเหล่านี้ยังไม่มีทางแก้ไข แต่มันจะมาในเร็วๆ นี้

บริษัทที่ใช้ Vue.js: Xiaomi, Alibaba, WizzAir, EuroNews, Grammarly, Gitlab and Laracasts, Adobe, Behance, Codeship, Reuters.

ขอขอบคุณ(Thank you) สำหรับบทความดีๆ

Source : https://medium.com/@TechMagic/reactjs-vs-angular5-vs-vue-js-what-to-choose-in-2018-b91e028fa91d