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

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

23 ตุลาคม 2024
9   0

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

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

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

ที่มา - Svelte

No Description

[source: https://www.blognone.com/node/142720]