เหตุผลที่มี Runes: ก้าวข้ามเวทมนตร์ของคอมไพเลอร์
ทำความเข้าใจแรงจูงใจเบื้องหลัง runes และวิธีที่สิ่งเหล่านี้ช่วยปรับปรุงโมเดลการทำปฏิกิริยาตอบสนองของ Svelte
เหตุผลที่มี Runes: ก้าวข้ามเวทมนตร์ของคอมไพเลอร์ เป็นบทเรียน Sveltejs Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Sveltejs Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
Svelte 5 เปิดตัว Runes
Runes คือองค์ประกอบพื้นฐานแบบรีแอกทีฟที่ระบุอย่างชัดเจน เช่น $state, $derived, $effect
เหตุผลที่เปลี่ยน
รีแอกทีฟโดยนัยใน Svelte 3/4 (let, $:) มีข้อจำกัดบางอย่าง เช่น การพึ่งพาที่ซับซ้อน ใช้ได้เฉพาะในขอบเขตไฟล์ และอ่านได้ยากขึ้นในไฟล์ขนาดใหญ่
ชัดเจนและใช้ได้ทุกที่
Runes ทำงานได้ทุกที่ ทั้งในคอมโพเนนต์ ไลบรารี และโมดูลทั่วไป รีแอกทีฟไม่ได้เป็นคุณสมบัติเฉพาะของไฟล์ .svelte อีกต่อไป
เข้ากันได้ย้อนหลัง
Svelte 5 ยังคงรองรับไวยากรณ์แบบเก่าระหว่างการย้ายระบบ คุณสามารถใช้ทั้งสองรูปแบบร่วมกันในช่วงแรก
ประสิทธิภาพดียิ่งขึ้น
รีแอกทีฟแบบละเอียดจะอัปเดตเฉพาะส่วนของ DOM ที่ขึ้นอยู่กับสถานะซึ่งเปลี่ยนแปลง
โค้ดสะอาดขึ้น
สถานะคือการเรียกใช้ฟังก์ชัน ไม่ใช่ let ที่ทำงานอย่างมหัศจรรย์ จึงสื่อเจตนาได้ชัดเจนกว่า
let count = $state(0);ทดสอบได้
สามารถทดสอบองค์ประกอบพื้นฐานแบบรีแอกทีฟเป็นการทดสอบหน่วยนอกคอมโพเนนต์ได้
เหมาะกับ TypeScript
Runes ตรวจสอบชนิดข้อมูลได้ตามธรรมชาติ ระบบชนิดข้อมูลทั่วไปได้รับการออกแบบโดยมี Runes เป็นพื้นฐาน
มีความมหัศจรรย์น้อยลง
ไม่ต้องสงสัยอีกต่อไปว่า let จะเป็นรีแอกทีฟหรือไม่ การเรียกใช้ rune ทำให้เห็นได้อย่างชัดเจน
ทำงานร่วมกันได้
คุณสามารถนำ Runes มาใช้ทีละน้อยในแต่ละคอมโพเนนต์ระหว่างการย้ายระบบ
ระบบนิเวศ
ไลบรารี Svelte ส่วนใหญ่กำลังนำ Runes มาใช้ เครื่องมือและการรองรับจาก IDE ก็มีความพร้อมมากขึ้น
ตรวจสอบอย่างรวดเร็ว
rune คืออะไร
สรุปทบทวน
Svelte 5 เปิดตัว Runes เพื่อให้มีรีแอกทีฟที่ชัดเจน ใช้งานได้ทุกที่ และช่วยปรับปรุงความชัดเจนกับประสิทธิภาพ
คำถามที่พบบ่อย
บทเรียน “เหตุผลที่มี Runes: ก้าวข้ามเวทมนตร์ของคอมไพเลอร์” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “เหตุผลที่มี Runes: ก้าวข้ามเวทมนตร์ของคอมไพเลอร์” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Sveltejs Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “เหตุผลที่มี Runes: ก้าวข้ามเวทมนตร์ของคอมไพเลอร์”
ทำความเข้าใจแรงจูงใจเบื้องหลัง runes และวิธีที่สิ่งเหล่านี้ช่วยปรับปรุงโมเดลการทำปฏิกิริยาตอบสนองของ Svelte คุณปฏิบัติ Sveltejs Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Sveltejs Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน Sveltejs Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน
บทเรียน “เหตุผลที่มี Runes: ก้าวข้ามเวทมนตร์ของคอมไพเลอร์” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Sveltejs Academy นี้ได้ไหม
ได้ บทเรียน Sveltejs Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- เหตุผลที่มี Runes: ก้าวข้ามเวทมนตร์ของคอมไพเลอร์
- $state: การทำปฏิกิริยาตอบสนองแบบละเอียด
- $derived: ค่าที่คำนวณแบบประกาศ
- $effect: ผลข้างเคียง