มาแชร์ประสบการณ์การ Upgrade version ด้วย Angular

July 18, 2024 · boychawin

สวัสดีครับ ผมชื่อบอย วันนี้จะมาเล่าประสบการณ์การลองใช้ Angular พัฒนาเว็บแอปจริง ๆ เป็นครั้งแรก

ก่อนหน้า ผมเขียน Next.js มาตั้งแต่เรียนจบ ปัจจุบันทำงานสายซอฟต์แวร์มา 3 ปีกว่า

ตำแหน่ง ที่ผมทำคือ Full-stack รับทำทุกอย่างที่หัวหน้าสั่ง 555+

เพิ่งได้ลองใช้ Angular เมื่อเดือนมีนาคม ตอนนี้ก็เดือนกรกฎาคม รวมเป็นเวลา 4 เดือนแล้ว

ประสบการณ์ที่ได้

Upgrade angular เวอร์ชัน จาก 2.4.0 ไป 17.3.0 ไม่ยากอย่างที่คิด แต่ต้องระวังเรื่อง package เสริมที่ต้องหาตัวใหม่มาแทนตัวที่ deprecated ไปแล้ว ขั้นตอนการอัปเกรดคร่าวๆ

  1. สร้างโปรเจคใหม่ด้วย ng new app
  2. ติดตั้ง package พร้อมอัปเกรดเวอร์ชัน (ระวัง package เกี่ยวกับสไตล์ UI อาจจะพัง)
  3. ย้ายไฟล์ config เช่น angular.json
  4. ย้ายไฟล์ที่ไม่มี logic ซับซ้อน เช่น assets, styles
  5. ย้ายโฟลเดอร์ app ทีละไฟล์ แก้ error ไปด้วยให้ครบ (รอบที่ 1)
  6. รันหรือ build code เช็ค error อีกที น่าจะต้องมี error เราก็ไล่แก้ error อีกรอบนะ (รอบที่ 2)
  7. แก้ error เสร็จ รันดู UI ต้องขึ้นมา เช็ค UI และ logic ว่ามีปัญหาอะไรไหม ต้องมีแน่ๆ อาจจะแก้ Issue อีกนะ คราวๆ ต้องมีแก้ (รอบที่ 3) 🥲
  8. Dev ทดสอบเล่น Flow ให้ครบก่อนส่งต่อให้ tester

ข้อควรระวัง

  • อาจจะใช้เวลานานหน่อย ในช่วงแรกๆ และถ้าพึ่งเริ่มจับ Angular แล้วมาทำการ Upgrade เลยต้องระวังการ config และค่อยเช็คให้ดีไม่งั้น Issue บานนะครับ

สรุป

แนะนำการ Upgrade angular ที่ผมใช้ทำงาน ณ เวลานี้ แต่นี่เป็นเพียง solution 1 เท่านั้น ถ้าเราเจอ solution ที่ดีกว่าเราก็ต้องเปลี่ยน ผมก็พึ่งมาทำงานสาย Upgrade ครั้งแรกนะ สุดท้ายแล้วก็ขอฝากไว้ว่า ก็ขึ้นอยู่ที่คนทำนะว่าจะอะเอียดแค่ไหน ถ้าเราไม่ละเอียดพอก็พลาดได้นะ (issue บานๆๆ) 😂

หวังว่าประสบการณ์นี้จะเป็นประโยชน์


Update Guide