มีอะไรใหม่ใน Ionic Framework เวอร์ชัน 5

ไม่กี่วันก่อนทีม Ionic ได้ออกเวอร์ชัน 5 เป็นที่เรียบร้อยแล้วครับ มาดูกันว่ามีอะไรใหม่บ้าง

.
1. มาพร้อมกับ Angular 9 (Ivy)!

.
2. แนะนำให้อัปเดตเป็นเวอร์ชัน 4.11.10 ก่อนอัปเดตเป็นเวอร์ชัน 5 ครับ จะได้ดูคำเตือนต่างๆ ว่ามีอะไรจะเลิกใช้แล้วบ้าง

.
3. สำหรับคนที่เขียน Angular ใช้คำสั่ง npm install @ionic/angular@latest เพื่ออัปเดตได้เลย

4. มาพร้อมกับไอคอนใหม่กว่า 1,200 ไอคอน!! (Ionicons 5) มีให้เลือกทั้งแบบ outline, fill และ sharp

.
5. อัปเดต UI components ต่างๆ ให้รองรับ iOS 13 เช่น Segment, Header, Large Title, Refresher เป็นต้น

.
6. เพิ่ม Ionic Animations เข้ามาใหม่ ทำให้การทำ Animation มีประสิทธิภาพดียิ่งขึ้น

.
7. มาพร้อมกับค่าเริ่มต้นสีใหม่สวยงาม แต่ถ้าอยากแก้ก็ได้เหมือนเดิมที่ไฟล์ theme/variables.scss

.
8. ออกแบบ Starter Templates ใหม่ทั้งหมด ไม่ว่าจะเป็น blank, menu, tabs, list ใครอยากเห็นลองสร้างโปรเจคใหม่ดูนะ

.
9. รองรับ React แบบ stable แล้ว แต่ Vue ยังเป็น beta อยู่

.
10. แน่นอนการอัปเดตมาเวอร์ชันนี้อาจมีการเปลี่ยนแปลงบ้าง ครับ ยกตัวอย่างเช่น

– เปลี่ยน CSS Utilities ทั้งหมดมาใช้ class แทน ยกตัวอย่างเช่น <ion-header text-center></ion-header>
แก้เป็น <ion-header class=”ion-text-center”></ion-header>

– เอา Events ออกจาก @ionic/angular แล้ว ให้ใช้ Observables หรือ Redux แทน

.
ไปดูการเปลี่ยนแปลงเต็มๆ ได้ที่นี่นะครับ => http://bit.ly/2P3A8nr

.
สรุปใครที่ใช้เวอร์ชัน 4 อยู่ก็แนะนำให้อัปเดตเป็นเวอร์ชัน 5 ได้เลยนะครับ 🙂

โค้ชเอก