Ionic Roadmap 2019: รองรับ Desktop, ทำงานกับ React และ Vue, Server-side Rendering (SSR)

Ionic 4 ออกเวอร์ชั่นเต็มตั้งแต่ต้นปีที่ผ่านมา ที่เหลือก็จะมีการปรับปรุง และเพิ่มความสามารถขึ้นไปเรื่อยๆ ซึ่งแนวทางของ Framework พลเคยเขียนสรุปไว้ที่นี่มาแล้ว

แต่วันนี้เราจะมาดูกันถึง Roadmap ที่ตัว Ionic จะเพิ่มความสามารถเข้ามาในปี 2019 กันครับ

ตัว UI Component จะรองรับการใช้งานบนคอมพิวเตอร์มากขึ้น (Desktop Application)

พลเคยเล่าถึงทิศทางของ Cross Platform ที่จะไปอยู่ในจุด All Platform มาแล้ว (เขียนครั้งเดียวครอบคลุม Desktop, Mobile, และ Web)

และหนึ่งใน Framework ที่จะทำให้แนวคิด All Platform เป็นจริงได้ ก็คือ Ionic Framework ที่ตอนแรกเน้นไปที่การทำ Cross Platform Mobile Application (รองรับ iOS และ Android) มารองรับ Desktop และ Progressive Web App อีกที

UI Component ของ Ionic จะแสดงผลเหมาะกับการใช้งานบนคอมพิวเตอร์ ซึ่งจะแตกต่างจากที่ใช้งานบนอุปกรณ์พกพา โดยที่นักพัฒนาไม่ต้องเปลี่ยนอะไร

เช่นปฏิทิน (ion-datetime) ที่เคยแสดงผลแบบตัวเลื่อนใน iOS และ Android ก็จะแสดงผลเป็นตารางปฏิทิน เวลาเอามาใช้งานบน Desktop อย่าง Windows และ Mac ครับ

ซึ่งทางทีมพัฒนา Ionic Framework ก็ยังเปิดรับไอเดียแนะนำจากผู้ใช้อยู่ ใครมีไอเดีย หรือความต้องการดีๆ ก็สามารถไปตั้ง Issue เสนอได้ที่นี่ครับ

ทำงานกับเครื่องมืออื่นๆ อย่าง React และ Vuejs

Really excited to see Ionic devs that left Angular in the post 1.x days to go to React or Vue (thus leaving Ionic), coming back and excited about using Ionic again now that we support their favorite framework. https://t.co/R0kU2Pudgt

— Max Lynch (@maxlynch) March 6, 2019

ผลจากการแยกส่วนของ UI ออกมาทำเป็น Web Component ทำให้ทีมงาน Ionic สามารถสร้าง Framework ให้รองรับ Library อื่นๆ อย่าง React และ VueJs ได้ (ใช้ StencilJS สนใจอ่านต่อได้ที่นี่ครับ)

ซึงแนวทางปัจจุบัน ทีมงานจะแยกเวอร์ชั่นสำหรับ React และ Vuejs ให้อยู่ในสถานะเบต้า (0.x.x)

แล้วพอตัวระบบสมบูรณ์พร้อม ก็จะเอามารวมใช้งานกับ @ionic/core อีกที ซึ่งจะทำให้สามารถพัฒนาไปพร้อมๆ กับ @ionic/core ได้

ซึ่งแนวทางนี้ทาง Ionic ก็ได้ใช้กับ @ionic/angular ที่ทำงานกับตัว @ionic/core มาตั้งแต่เวอร์ชั่น 3 ตอนปลาย และได้เอามาใช้กับ React และ Vuejs อีกทีครับ

Server-Side Rendering (SSR) และ Prerendering

ตอนนี้ทาง Front-end Framework เจ้าใหญ่ๆ ก็มีกลไกที่ทำให้มีการเรนเดอร์ตัวแอพเป็นไฟล์ static จากฝั่ง server หรือจากขั้นตอนการ build ตัวแอพพลิเคชั่น

และสำหรับ Angular ก็คือ Angular Universal ครับ

และสำหรับ Ionic ในด้านการพัฒนา Progressive Web App ก็กำลังจะรองรับการทำงานจากระบบ Angular Universal ครับ โดยทีมงานจะมี IonicServerModule มาให้ใช้งาน

รออัพเดตได้ในปีนี้เลย

Custom Web Animation

แอนิเมชั่นที่เห็นได้ชัดที่สุดในการทำโมบายล์แอพพลิเคชั่น ก็คือ แอนิเมชั่นระหว่างการเปลี่ยนหน้าแอพ (Transition) ซึ่งหลายๆ คนก็ถามหาวิธีการปรับแต่งตรงส่วนนี้

ใน Ionic 2 และ Ionic 3 การควบคุมแอนิเมชั่นส่วนนี้สามารถทำได้จาก Library และชุดคำสั่งที่ Ionic เตรียมให้ แต่จะไม่ใช่ในปี 2019

เพราะใน Ionic 4 การทำ และปรับแต่งแอนิเมชั่นจะนำ Web Animation API มาใช้ จะทำให้นักพัฒนาเรียนรู้และใช้งานได้ง่ายขึ้นครับ

สรุปรวมอีกที

ดังนั้นจะเห็น roadmap ความสามารถที่จะถูกเพิ่มเข้ามาใน Ionic Framework ปี 2019 ว่าเน้นไปที่ความสามารถหลักๆ ดังนี้

1. User Interface สำหรับ Desktop platform
2. ทำงานร่วมกับ React และ Vuejs
3. Server-side Rendering (SSR)
4. Custom Web Animation

สนใจติดตาม อย่าลืมกดตามแฟนเพจ และ subscribe Youtube ได้เลยครับ