13/01/2025
🌟 พามาดูของใหม่ใน Svelte 5 รอบนี้เขาจะมีฟีเจอร์เด็ด ๆ อะไรบ้าง ไปดูกัน !
ก่อนจะเข้าเรื่อง แอดขอเล่าคร่าว ๆ เกี่ยวกับ Svelte ก่อน เจ้าตัวนี้คือ Front-End Framework สายแรงที่สร้าง UI Components ได้เร็วสุด ๆ จุดเด่นคือ “ขนาดไฟล์เล็กมาก ! ไฟล์เริ่มต้นเพียง 3KB เท่านั้น” ใครอยากได้เว็บโหลดไวพลาดไม่ได้เลยนะเนี่ย !
ทีนี้มาดูฟีเจอร์ใหม่ที่น่าใช้ของเขากัน !
💻 Runes คือฟีเจอร์ใหม่ใน Svelte ที่ช่วยให้การจัดการ state และ logic ในแอปง่ายและสะดวกขึ้น เพราะเขาทำให้โค้ดของเรา มีความเป็น reactive โดยอัตโนมัติ !
ไม่ว่าจะเป็นการสร้าง state ใน component ด้วย $state ที่ทำให้การจัดการข้อมูลเปลี่ยนแปลงได้อย่างลื่นไหล หรือ $props ที่ช่วยให้การรับส่งข้อมูลระหว่าง component อ่านง่ายและจัดการได้อย่างมีประสิทธิภาพ
💻 ไปต่อกันเลยกับ $derived ที่จะช่วยสร้าง derived state ซึ่งอัปเดตค่าเองเมื่อ state ที่เกี่ยวข้องเกิดการเปลี่ยนแปลง ทำให้ลดงานซ้ำซ้อนในโค้ดไปได้เยอะะะะ ~
💻 ส่วนเจ้า $effect ก็ช่วยกำหนด side effects ให้ทำงานเมื่อ state หรือ props มีการเปลี่ยนแปลง ทำให้จัดการ logic ที่เกิดจากการเปลี่ยนแปลงค่าได้ง่ายยิ่งขึ้น ฟีเจอร์นี้จะเปลี่ยนวิธีการจัดการโค้ดให้เพื่อน ๆ สะดวกและคล่องตัวแบบที่ไม่เคยมีมาก่อน !
💻 ปิดท้ายที่ CLI ใหม่ใน Svelte ที่จะทำให้การสร้างโปรเจกต์ Full Stack ง่ายและครบวงจรมากขึ้น ไม่ว่าจะเป็นการเพิ่ม plugin อย่าง Tailwind CSS หรือ Prettier ก็ทำได้ทันที รวมถึงการเลือกใช้ database ตามที่ต้องการเพื่อใช้งานร่วมกับ Drizzle ได้อย่างลงตัว
ที่เจ๋งยิ่งกว่านั้นคือ เพื่อน ๆ สามารถเลือกได้ว่าจะให้ CLI ของ Svelte ตั้งค่า Docker Compose ในโปรเจกต์แบบอัตโนมัติ หรืออยากทำ Test Automation ด้วย Playwright เขาก็จัดมาให้ครบในตัวเดียว !
แถมสำหรับใครที่เป็นสายฮาร์ดคอร์ก็เลือก Package Manager ได้ตามใจชอบ ไม่ว่าจะเป็น npm , Yarn, PNPM หรือ Bun บอกเลยว่าครบจบทุกสถาบันจริง ๆ
ในปี 2025 นี้ ถ้าเพื่อน ๆ อยากลองอะไรใหม่ ๆ Svelte คือ อีกหนึ่ง Framework ที่น่าลอง ! ไม่ว่าโปรเจกต์เล็กหรือใหญ่ก็สนุกได้ไม่แพ้ Framework อื่น ไม่แน่นะว่าลองแล้วอาจจะติดใจจนไม่อยากเปลี่ยนเลยก็ได้ ~
🔥 และถ้าเพื่อน ๆ อยากเป็น Front-end Developer มืออาชีพ ที่เข้าใจทั้ง Framework และพื้นฐานที่แข็งแกร่ง พร้อมพัฒนาเว็บได้แบบมือโปร คอร์ส Front-End Bootcamp รุ่นที่ 5 ของ borntoDev School ยังรอต้อนรับอยู่นะคร้าบบบ >>> https://bornto.dev/febc5
🦖 - พร้อมเปลี่ยนคนทำงาน ให้ก้าวสู่การเป็น Dev / Tech Expert
