React Vue และ Angular เรียนรู้ Framework อะไรดีในปี 2022 ???

NeverStopLearning();

ในฐานะนักพัฒนามือใหม่ คุณมักจะได้ยินว่าเมื่อคุณเรียนรู้พื้นฐานของ html css และ javascript แล้ว คุณควรเรียนรู้เครื่องมือ Front-end ด้วยสิ “แต่เราควรเรียนรู้อันไหนก่อนล่ะ ”

ในปี 2022 React Vue และ Angular เป็น Framework ที่ Developer ทั่วโลกนิยมใช้ในการพัฒนา แต่ Developer มือใหม่หลายท่านคงยังไม่คุ้นเคยกับการใช้ Framework ในการพัฒนา บทความนี้จะอธิบายความแตกต่างระหว่างReact Vue และ Angular และจะช่วยให้ Developer มือใหม่หลายท่านได้เข้าใจเกี่ยวกับ Framework และช่วยในการตัดสินใจในการเรียนรู้สิ่งที่เหมาะสมกับนักพัฒนาและเป้าหมายของนักพัฒนา

“เรามาเริ่มทำความรู้จัก Framework กันทีละตัวดีกว่า” Let’s do it.

Key Characteristics: Angular

Angular ได้รับการเผยแพร่ครั้งแรกในปี 2010 โดย Google ถึงแม้ว่าจะเป็นการเปิดตัวครั้งแรกในชื่ออื่น ซึ่งก็คือ Angular.js อีกไม่กี่ปีหลังจากปี 2010 คือในปี 2016 Google ได้สร้าง Angular ใหม่ทั้งหมดโดยมีพื้นฐานมาจากของเดิม โดยเปิดตัวใน Version Angular 2.0 ซึ่งในปัจจุบัน Angular ถูกพัฒนา version อยู่ที่ Version Angular 14 ซึ่งในการจะใช้ Angular ในการพัฒนาจะต้องมีความรู้พื้นฐานของ Typsescript เนื่องจาก Angular เป็น TypeScript-based นั่นเอง

Angular เป็นตัวเลือกที่สมบูรณ์สำหรับนักพัฒนาที่ต้องการสร้างหรือพัฒนาเว็บในรูปแบบ Single Page Applications (SPA) Angular เป็น Framework ที่มีลักษณะของ two-way data binding ซึ่งจะ synchronizes ข้อมูลระหว่าง Database และ client โดยอัตโนมัติ ซึ่งทำให้มีกระบวนการในการพัฒนามีความง่ายขึ้น Angular ยังเป็น Framework ที่มีชื่อเสียงด้านการสร้าง Application ที่รวมส่วนประกอบต่างๆ ไว้ใน Platform เดียวกัน ทำให้ Angular เหมาะสมกับเป็นตัวเลือกในการพัฒนา Project ใหญ่หรือ Application ที่มีความซับซ้อน ดังนั้น Angular อาจดีกว่าสำหรับนักพัฒนาที่มีประสบการณ์มากกว่าผู้เริ่มต้น

✅ข้อดี ❌ข้อเสียของ Angular

✅ฟรี และเป็น open-source
✅เหมาะสำหรับการพัฒนา แบบ Single Page Applications (SPA)
✅มีการจัดการ Document Object Model (DOM) ที่ง่าย
✅Two-way data binding
✅mvvm architecture
✅การขึ้น prototype งานทำได้เร็ว
✅มี Document ที่ดีและครบครัน
❌เหมาะกับนักพัฒนาที่มีประสบการณ์
❌มีปัญหาด้าน Performance

Key Characteristics: React

React มีลักษณะที่เรียนรู้ได้ง่าย และเป็น Javascript Framework แบบ open-source React ถูกพัฒนาโดย Facebook ในปี 2013 ซึ่ง concept ของ React คือ javascript library (เครื่องมือ JS) สำหรับสร้าง User Interface ซึ่งทำให้มันมีขนาด bundle size ที่เล็ก ถ้าต้องการความสามารถด้านอื่น ๆ เช่น Routing, Http request ก็สามารถติดตั้ง third party library เพิ่มเติมได้ตามความต้องการ และการเขียนโค้ดหากใครที่มีความชำนาญในการใช้งาน Vanilla JS มาแล้วจะทำให้ใช้งาน React ได้ง่ายขึ้น React อาจเป็นทางเลือก Framework ที่เหมาะกับนักพัฒนามือใหม่ เนื่องจาก React ติดอันดับบน search engine optimization (SEO) ในการค้นหา ซึ่งนักพัฒนามือใหม่อาจจะหา Tutorial ในการศึกษาได้ง่ายกว่า Framework อื่นๆ

✅ข้อดี ❌ข้อเสียของ React

✅ฟรี และเป็น open-source
✅ง่ายต่อการศึกษาและเรียนรู้
✅ง่ายต่อการค้นหาเนื่องจากติดอันดับบน Search engine optimization (SEO)
✅มี community ที่ดีและการอัปเดตจากทีมวิศวกรของ facebook
✅เหมาะสำหรับการสร้าง user interface (UI)
✅มี performance ที่ดีและ bundle size เล็ก
❌เป็นแค่ UI library หากต้องการอย่างอื่นต้องหา third party library ติดตั้งเพิ่มเติมเอง

Key Characteristics: Vue

Vue เป็น open-source Javascript Framework ที่ถูกพัฒนาขึ้นในปี 2014 โดยอดีตวิศกรที่เคยทำ Project AngularJS ของ Google ซึ่ง concept ของ vue นั้นได้นำข้อดีมาจากทั้ง React และ Angular ซึ่งตัว framework หากคนที่รู้เครื่องมือ JS, HTML & CSS ก็จะสามารถเรียนรู้ได้อย่างรวดเร็ว แม้ว่า Vue จะเป็น Framework ที่ได้รับความนิยมน้อยที่สุดของทั้งสาม แต่ความนิยมก็เพิ่มขึ้นด้วยการออกแบบที่เรียบง่าย รวดเร็ว และตรงไปตรงมา Vue เป็น Framework ที่เหมาะกับนักพัฒนาที่ยังไม่มีประสบการณ์

✅ข้อดี ❌ข้อเสียของ Vue

✅ฟรี และเป็น open-source
✅ง่ายต่อการศึกษาและเรียนรู้
✅สามารถ Scale ได้ง่าย
✅Two-way data binding
✅เหมาะสำหรับการพัมนาแบบ Single Page Applications (SPA)
✅Virtual Document Object Model (DOM)
❌ขาดการอัปเดตและการแก้ไขข้อบกพร่องอย่างต่อเนื่องจากทีมนักพัฒนา
❌ไม่เหมาะสำหรับการพัฒนา Project ขนาดใหญ่

เราได้ทำความรู้จัก Framework ทั้ง 3 Frameworkกันแล้วเรามาดูความนิยมของนักพัฒนาส่วนใหญ่กันว่านักพัฒนาส่วนใหญ่ ใช้ Framework ไหนในการพัฒนามากที่สุด

Popularity

จากการสำรวจโดย Stack Overflow 40.13% ของนักพัฒนาเชื่อว่า React เป็น JavaScript Framework ที่ใช้บ่อยที่สุด Angular และ Vue ตามมาด้วย 22.96% และ 18.97% ตามลำดับ

ในทางกลับกัน Vue มีดาว 198k บน GitHub ซึ่งแซงหน้าทั้ง React (191k) และ Angular (83k)

ในปี 2022 BuiltWith Technology Lookup มีการจัดอันดับทั้งสาม Framework จำนวนเว็บไซต์ในปัจจุบันที่ใช้ Framework Javascript ในการพัฒนา ซึ่งมีเว็บไซต์ 11 ล้านแห่งใช้ React และในขณะที่เว็บไซต์ 2 ล้านแห่งที่ใช้ Vue แต่ปัจจุบันมีเพียง 109,000 เว็บไซต์ที่สร้างด้วย Angular

ข้อมูลจาก https://trends.builtwith.com/javascript

Final Words

“การเลือก Javascript Framework ที่เหมาะสมจำเป็นต้องมีการศึกษาอย่างละเอียดถี่ถ้วนเกี่ยวกับประเภทของแอปพลิเคชันที่คุณสนใจที่จะสร้าง จากนั้นจึงตัดสินใจว่า Framework ใดเหมาะสมที่สุดสำหรับคุณภาพของ Project ในอนาคตของคุณ”

อ้างอิงแหล่งข้อมูลจาก https://sennalabs.com/th/blogs/Front-End-Framework-2021