Svelte 5 มาแล้ว: ประกาศส่วน reactive เอง, ปรับ event handler, snippet สำหรับโค้ดใช้ซ้ำ

Svelte เฟรมเวิร์ค frontend ที่มาแรงในช่วงหลัง ออกเวอร์ชั่น 5 ที่มีการเปลี่ยนแปลงใหญ่หลายอย่างตามที่ประกาศไว้ตั้งแต่ระหว่างพัฒนา รายละเอียดความเปลี่ยนแปลงได้แก่

• Runes: ระบบกำหนดส่วนที่ต้องการ reactive จากเดิมประกาศเหมือนตัวแปรปกติ เป็นการประกาศเจาะจงว่าตัวแปรใดเป็น reactive state บ้าง แบบเดียวกับ useState ของ React
• Event handler: กลายเป็น property เหมือนการส่งค่าอื่นๆ ไม่ต้องใช้ on: เหมือนเดิม นอกจากนี้ยังเตรียมถอด createEventDispatcher ออก แนะนำให้ใช้ระบบ call back แทน
• Snippet: ระบบนำเนื้อหามาเรนเดอร์ แทนที่จะใช้แท็ก slot แบบเดิม ตอนนี้กลายเป็นฟังก์ชั่นที่สามารถส่งเป็น property ได้

หากตัวต้องการใช้รูปแบบใหม่ทั้งหมดโค้ดจะเปลี่ยนมากพอสมควร ทาง Svelte ให้โปรแกรมย้ายโค้ดมาด้วยคือ npx sv migrate svelte-5

ที่มา - Svelte