Ionic ออกเวอร์ชั่น 1.3 รองรับแนวคิด Component ใน Angular 1.5

 

วันนี้ข่าวอัพเดต Ionic มาอีกครั้ง โดยเป็นรอบการอัพเดตของ Ionic 1 ครับ

โดยความสำคัญของอัพเดตรุ่นนี้ก็คือการรองรับ Angular 1.5 ซึ่งเป็นเวอร์ชั่นล่าสุดของ Framework ตัวนี้ ซึ่งจุดเด่นของ Angular 1.5 ก็คือการมาถึงของ Component ครับ

รู้จักกับ Component ใน Angular 1.5

จริงๆ แนวคิด Component ถูกใช้งานเป็นมาตรฐานใน Angular 2 แต่ใน Angular 1.5 ก็มีการเพิ่มเจ้า Component นี้เข้ามาด้วย

ดังนั้นใครที่ใช้ Angular 1 อยู่ก็สามารถเรียนรู้การเริ่มนำ Component มาใช้งานในแอพพลิเคชั่นของเราได้เลย โดย helper method ของ Component จะคล้ายๆ Directive ตามด้านล่าง

// Angular 1.5
module.component("nextflowComponent", options);

<nextflow-component></nextflow-component>

แตกต่างจาก Directive อย่างไร?

จริงๆ Component ใน Angular 1.5 เป็น Directive แบบหนึ่ง เพียงแต่แนวคิดนี้จะทำให้ระบบรองรับการมาถึงของ Angular 2 ได้ง่ายกว่า แถมเป็นการฝึกทำความเข้าใจระบบ Component ไปในตัว

การเลือกใช้ Component จะให้ผลดีกว่า Directive ในด้าน:

1. ตั้งค่าง่ายกว่า (configuration)
2. รอบรับการพัฒนาระบบแบบ Component
3. ทำให้การย้าย (migrate) ระบบไป Angular 2 ทำได้ง่ายขึ้น

ไม่ควรใช้ Component แทน Directive ในกรณีไหน?

1. ถ้าเราต้องการ Directive ที่เกี่ยวข้องกับการแก้ไข DOM หรือเพิ่มเติม event listener เพราะความสามารถอย่าง compile และ link จะไม่มีในส่วนนี้
2. เมื่อเราต้องการสร้างและใช้งานความสามารถของ Directive ขั้นสูง เช่น multi-element
3. ถ้าต้องการให้ Directive ทำงานเมื่อมีการเปลี่ยนแปลง HTML Attribute หรือ CSS class

Ionic 1.3 และ Ionic 2

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

ในระหว่างนี้ลองเล่นรุ่น Beta ของ Ionic 2 ไปก่อนได้ แต่อย่าเพิ่งเอาไปใช้จริงจังล่ะ เพราะ Beta 5 ที่เพิ่งออกก็มีการเปลี่ยนโครงสร้างเยอะเหมือนกัน

ส่วนใครซื้อคอร์สออนไลน์ไปแล้ว รอเรียน Angular 2 และ Ionic 2 เมื่อพร้อมได้ครับ

อ้างอิง – Ionic’s Github