Tags:
Node Thumbnail

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

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

Tags:
Node Thumbnail

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

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

ทาง Svelte ยืนยันว่าโค้ดแอปพลิเคชั่นเดิมยังคงทำงานได้ใน Svelte 5 และฟีเจอร์ใหม่นี้จะเป็น opt-in ให้เลือกใช้งานเองเท่านั้น

Tags:
Node Thumbnail

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

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

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

ที่มา - Svelte

Tags:
Node Thumbnail

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

Tags:
Node Thumbnail

ในผลการสำรวจนักพัฒนาของ Stack Overflow ประจำปี 2021 ที่เพิ่งออกมาเมื่อต้นเดือนนี้ มีเรื่องที่เซอร์ไพร์สคือ เว็บเฟรมเวิร์คที่นักพัฒนา "รัก" มากที่สุด (most loved web framework) มีแชมป์ 2 รายได้คะแนนเท่ากันคือ ASP.NET Core และ Svelte

กรณีของ ASP.NET Core ไม่ใช่เรื่องน่าแปลกใจ เพราะเป็นแชมป์เก่าของปี 2020 อยู่ก่อนแล้ว แต่ Svelte เป็นเฟรมเวิร์คใหม่ที่ยังไม่เคยติดอันดับใดๆ มาก่อนในการสำรวจปี 2020 กลับโผล่เข้าชาร์ทมาพรวดเดียวครองอันดับหนึ่งร่วมได้ทันที ทำให้เกิดกระแสความสนใจในโครงการ Svelte เพิ่มตามมา

บทความนี้จะแนะนำข้อมูลเบื้องต้นของ Svelte ว่ามีอะไรน่าสนใจ ถึงทำให้ผงาดขึ้นมาเป็นเฟรมเวิร์คที่นักพัฒนารักที่สุดได้อย่างรวดเร็ว