ควรใช้ Store หรือสถานะภายในเมื่อใด
เลือกระหว่างสถานะของคอมโพเนนต์กับ store ตามความต้องการด้านการใช้ร่วมกันและอายุการใช้งาน
ควรใช้ Store หรือสถานะภายในเมื่อใด เป็นบทเรียน Sveltejs Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Sveltejs Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
สถานะเฉพาะที่
ใช้ let ในคอมโพเนนต์เมื่อข้อมูลนั้นเป็นของคอมโพเนนต์นั้นเพียงแห่งเดียว
พร็อพส์ของคอมโพเนนต์
ใช้ export let สำหรับข้อมูลเข้าจากคอมโพเนนต์แม่ โดยคอมโพเนนต์แม่เป็นผู้ดูแลสถานะ
สโตร์
ใช้สโตร์เมื่อคอมโพเนนต์ที่ไม่เกี่ยวข้องกันหลายคอมโพเนนต์ต้องใช้ข้อมูลเดียวกันร่วมกันหรือตอบสนองต่อข้อมูลนั้น
ตัวอย่างสำหรับสโตร์
ผู้ใช้ปัจจุบัน, theme, เนื้อหาในรถเข็น, การแจ้งเตือน — ทุกอย่างที่ใช้ทั่วทั้งแอป
ตัวอย่างสำหรับสถานะเฉพาะที่
ข้อมูลเข้าในแบบฟอร์ม, สวิตช์, สถานะเมื่อวางเมาส์, ตัวจับเวลาของภาพเคลื่อนไหว — จำกัดอยู่ในคอมโพเนนต์เดียว
ส่วนติดต่อคอนเท็กซ์
สำหรับข้อมูลที่แชร์ลงไปในแผนผังย่อย แต่ไม่ได้ใช้ทั่วทั้งแอป ให้ใช้ setContext/getContext
หลีกเลี่ยงการสร้างสโตร์เร็วเกินไป
เริ่มจากสถานะเฉพาะที่ก่อน แล้วค่อยย้ายไปใช้สโตร์เมื่อความต้องการในการแชร์เพิ่มขึ้น
ความสามารถในการทดสอบ
สถานะเฉพาะที่ทดสอบได้ง่ายที่สุด ส่วนสโตร์ต้องใช้ตัวจำลองหรือการห่อหุ้ม
การคงอยู่ของข้อมูล
ห่อสโตร์ด้วยการซิงก์กับ localStorage เพื่อคงสถานะไว้
การปรับโครงสร้างโค้ด
การย้ายจากสถานะเฉพาะที่ไปใช้สโตร์เป็นการปรับโครงสร้างโค้ดเล็กน้อย โดยเปลี่ยน let เป็นสโตร์ และเปลี่ยน x เป็น $x
รูปแบบที่ควรหลีกเลี่ยง: ทุกอย่างอยู่ในสโตร์
การใส่สถานะทั้งหมดไว้ในสโตร์ทำให้เกิดการเชื่อมโยงโดยนัย ควรใช้สถานะเฉพาะที่จนกว่าจะจำเป็นต้องแชร์
ตรวจสอบความเข้าใจ
เมื่อใดจึงควรเลือกใช้สโตร์
ทบทวน
โดยค่าเริ่มต้นให้ใช้ let แบบเฉพาะที่ แล้วค่อยย้ายไปใช้สโตร์หรือคอนเท็กซ์เมื่อความต้องการในการแชร์เพิ่มขึ้น
คำถามที่พบบ่อย
บทเรียน “ควรใช้ Store หรือสถานะภายในเมื่อใด” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “ควรใช้ Store หรือสถานะภายในเมื่อใด” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Sveltejs Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “ควรใช้ Store หรือสถานะภายในเมื่อใด”
เลือกระหว่างสถานะของคอมโพเนนต์กับ store ตามความต้องการด้านการใช้ร่วมกันและอายุการใช้งาน คุณปฏิบัติ Sveltejs Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Sveltejs Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน Sveltejs Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน
บทเรียน “ควรใช้ Store หรือสถานะภายในเมื่อใด” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน Sveltejs Academy นี้ได้ไหม
ได้ บทเรียน Sveltejs Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- คำสั่งตอบสนอง: บล็อก $:
- การพึ่งพาแบบตอบสนองและลำดับการทำงาน
- ควรใช้ Store หรือสถานะภายในเมื่อใด
- การหลีกเลี่ยง Closure ที่ล้าสมัย