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
Topics: