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

โครงการ SvelteKit เฟรมเวิร์คเต็มรูปแบบสำหรับ Svelte ปรับเวอร์ชั่นเป็น 2.0 ถอดการรองรับ Svelte 3 ออกโดยสมบูรณ์ และเตรียมรองรับ Svelte 5 ที่จะออกในปี 2024 นี้

แม้ฟีเจอร์ส่วนมากจะเตรียมรองรับ Svelte 5 แต่ก็มีฟีเจอร์สำคัญคือ shallow routing สำหรับการสร้าง history โดยไม่ต้องเปลี่ยนหน้าเว็บ ตัวอย่างการใช้งานสำคัญคือเมื่อเว็บแสดง modal ขึ้นมา ผู้ใช้บนโทรศัพท์มักจะปัดจอเพื่อปิด modal ฟีเจอร์ใหม่นี้เปิดทางให้นักพัฒนาสร้างเพิ่ม history เข้าไป เมื่อได้รับ event การกด back รวมถึงการปัดหน้าจอบนโทรศัพท์ก็จะเป็นการปิด modal ไป

Svelte ประกาศฟีเจอร์ Runes ใน Svelte 5 ที่ยังไม่ออกตัวจริง เป็นการระบุว่าตัวแปรใดบ้างที่เป็น state ต้องการตรวจสอบความเปลี่ยนแปลงเพื่อเรนเดอร์ใหม่ จากเดิมที่ Svelte ติดตามการเปลี่ยนค่าของตัวแปรต่างๆ โดยอัตโนมัติแล้วอัพเดตค่าให้เอง

แนวทางนี้ทำให้ Svelte กลับไปเขียนโค้ดคล้ายกับ React ที่ต้องประกาศ useState หรือ useEffect แต่ทางทีมงาน Svelte ก็ระบุว่าแนวทางแบบนี้จัดการได้ง่ายกว่ามากเมื่อแอปพลิเคชั่นมีความซับซ้อนสูงขึ้นการติดตามตัวแปรต่างๆ ก็ซับซ้อนขึ้น แนวทางใน Runes ช่วยให้เขียน component ได้เรียบง่ายขึ้น

Svelte เฟรมเวิร์คพัฒนา front-end ยอดนิยมออกเวอร์ชั่น 4 โดยกระบวนการเขียนโปรแกรมและ API ต่างๆ ไม่ได้ต่างจากเดิมมากนัก แต่เป็นการปูทางสู่ Svelte 5 ที่เตรียมจะเขียนคอมไพล์เลอร์และรันไทม์ใหม่พร้อมกัน

แม้จะเปลี่ยนอินเทอร์เฟซไม่เยอะ แต่ก็มีการปรับปรุงขนาดไฟล์ลงมาก ตัวแพ็กเกจ Svelte เองมีขนาดลดลง 75% เหลือ 2.8MB จากเดิม 10.6MB จำนวน dependency ลดลงเหลือ 16 รายการจากเดิม 61 รายการทำให้ขั้นตอนดาวน์โหลดแพ็กเกจสั้นลงมาก

แพ็กเกจและแอปพลิเคชั่นต่างๆ ที่พัฒนาบน Svelte 3 ควรทำงานได้บน Svelte 4 ทันที แต่ขึ้นกับ dependency อื่นๆ เช่น เวอร์ชั่นนี้ต้องใช้ Node.js 16 ขึ้นไป

SvelteKit เฟรมเวิร์คสร้างเว็บยอดนิยมอีกตัว ประกาศออกเวอร์ชั่น 1.0 หลังจากพัฒนามาได้สองปี โดยชูจุดขายที่เขียนได้ง่าย ไม่ต้องเขียนทุกอย่างเป็น DOM ไปหมด ความต่างจากเฟรมเวิร์คอื่นๆ เช่น