Sveltejs Academy · บทเรียน

Context กับ Store: ควรใช้แต่ละแบบเมื่อใด

เปรียบเทียบ context กับ store สำหรับแบ่งปันสถานะในสถานการณ์ต่าง ๆ

บทเรียน 2 จาก 413 ขั้นตอน

Context กับ Store: ควรใช้แต่ละแบบเมื่อใด เป็นบทเรียน Sveltejs Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Sveltejs Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน

รูปแบบสองประเภท

สโตร์แชร์ข้อมูลไปทั่วทั้งแอป ส่วนคอนเท็กซ์แชร์ข้อมูลภายในแผนผังย่อยที่กำหนด

กรณีการใช้งานทั่วทั้งแอป

สโตร์เหมาะกับประเด็นที่ใช้ร่วมกันหลายส่วน เช่น ผู้ใช้ปัจจุบัน, theme และการแจ้งเตือน

กรณีการใช้งานแบบจำกัดขอบเขต

คอนเท็กซ์เหมาะกับสถานะเฉพาะแต่ละอินสแตนซ์ เช่น คอมโพเนนต์แบบฟอร์มที่แชร์ทะเบียนของตนกับคอมโพเนนต์ลูกหลาน

การแยกอิสระระหว่างอินสแตนซ์

หากติดตั้งอินสแตนซ์ของแบบฟอร์มสองรายการ แต่ละรายการจะมีคอนเท็กซ์ของตนเอง ส่วนสโตร์จะแชร์สถานะระหว่างทั้งสองรายการ

ข้อควรพิจารณาสำหรับ SSR

สโตร์อาจทำให้สถานะรั่วไหลข้ามคำขอใน SSR หากใช้งานอย่างไม่ระมัดระวัง ส่วนคอนเท็กซ์ปลอดภัยต่อคำขอเพราะจำกัดขอบเขตตามอินสแตนซ์

คอนเท็กซ์แบบรีแอกทีฟ

ส่งสโตร์ผ่านคอนเท็กซ์สำหรับสถานะที่มีการตอบสนองและจำกัดอยู่ในแผนผังย่อย

หลีกเลี่ยงการผสมกัน

เลือกกลไกเดียวต่อแต่ละประเด็น เพื่อให้โค้ดคาดเดาพฤติกรรมได้ง่าย

ไลบรารีคอมโพเนนต์

คอมโพเนนต์แบบประกอบ เช่น แท็บและแอคคอร์เดียน ใช้คอนเท็กซ์อย่างมากเพื่อประสานงานระหว่างคอมโพเนนต์พี่น้อง

การฉีดการพึ่งพา

คอนเท็กซ์เหมาะอย่างยิ่งสำหรับฉีดบริการหรือการกำหนดค่าจากตัวห่อหุ้มไปยังคอมโพเนนต์ลูกทั้งหมด

การทดสอบ

คอนเท็กซ์เปลี่ยนทดแทนได้ง่ายกว่าในการทดสอบ เพียงสลับคอมโพเนนต์ตัวห่อหุ้ม

แผนผังการตัดสินใจ

ใช้ทั่วทั้งแอปและเป็นอินสแตนซ์เดี่ยว: สโตร์ ใช้ต่ออินสแตนซ์หรือแผนผังย่อยเฉพาะฟีเจอร์: คอนเท็กซ์

ตรวจสอบความเข้าใจ

เมื่อใดจึงควรเลือกใช้คอนเท็กซ์แทนสโตร์

ทบทวน

ใช้สโตร์สำหรับข้อมูลทั่วทั้งแอป และใช้คอนเท็กซ์สำหรับข้อมูลที่จำกัดขอบเขต ใช้คอนเท็กซ์กับคอมโพเนนต์แบบประกอบและการฉีดการพึ่งพา

เริ่มต้นได้ฟรี

เรียนรู้ HTML ด้วย AI tutor — ฟรี

เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป

คอร์ส
41
บทเรียน
163

คำถามที่พบบ่อย

บทเรียน “Context กับ Store: ควรใช้แต่ละแบบเมื่อใด” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “Context กับ Store: ควรใช้แต่ละแบบเมื่อใด” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Sveltejs Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “Context กับ Store: ควรใช้แต่ละแบบเมื่อใด”

เปรียบเทียบ context กับ store สำหรับแบ่งปันสถานะในสถานการณ์ต่าง ๆ คุณปฏิบัติ Sveltejs Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Sveltejs Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน Sveltejs Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน

บทเรียน “Context กับ Store: ควรใช้แต่ละแบบเมื่อใด” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน Sveltejs Academy นี้ได้ไหม

ได้ บทเรียน Sveltejs Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. setContext() และ getContext()
  2. Context กับ Store: ควรใช้แต่ละแบบเมื่อใด
  3. Context แบบมีชนิดด้วย TypeScript
  4. Context สำหรับการฉีดการพึ่งพา
← กลับไปที่ Sveltejs Academy