0Pricing
Sveltejs Academy · درس

$state.raw للحالة غير التفاعلية

خزّن الكائنات أو المصفوفات الكبيرة دون تفاعلية عميقة لتحسين الأداء.

$state.raw للحالة غير التفاعلية درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.

متى تكون الوكلاء العميقة مبالغة

في حالة الكائنات أو المصفوفات الكبيرة جدًا التي لا تحتاج إلى تفاعلية على مستوى الخصائص، تستهلك الوكلاء العميقة دورات معالجة بلا فائدة.

الحالة الخام

تخزّن $state.raw القيمة من دون تغليفها بوكيل.

let bigData = $state.raw(hugeArray);

إعادة الإسناد فقط

في الحالة الخام، تؤدي إعادة الإسناد وحدها إلى تشغيل التحديثات. ولا تُتتبّع التعديلات.

bigData = [...bigData, item];   // triggers
bigData.push(item);             // does NOT

حالات الاستخدام

مجموعات البيانات الكبيرة، والقيم غير القابلة للتغيير، والمسارات الحساسة للأداء.

مقارنة

تشبه let في Svelte 4: تفاعلية تعتمد على الإسناد فقط، من دون تكلفة الوكيل.

متى تختارها

استخدم $state افتراضيًا؛ وانتقل إلى $state.raw فقط عندما يوضّح قياس الأداء أن تكلفة الوكيل كبيرة.

ملائمة للّقطات

القيم الخام عادية — ويسهل تمريرها عبر التسلسل أو Web Workers.

الاستخدام المختلط

يمكنك الجمع بين الحالة الخام والحالة الموكَّلة في المكوّن نفسه لتلبية احتياجات مختلفة.

TypeScript

تحافظ الحالة الخام على نوعك الدقيق من دون تحويلات الوكيل.

الذاكرة

تستخدم الحالة الخام ذاكرة أقل، إذ لا تُرفق بها بيانات وصفية للوكيل.

نمط مضاد

قد يؤدي اللجوء إلى الحالة الخام مبكرًا جدًا إلى أخطاء. ابدأ بـ $state وانتقل إليها عند الحاجة.

اختبار سريع

ما المختلف الذي تفعله $state.raw؟

مراجعة

استخدم $state.raw للقيم الكبيرة التي نادرًا ما تتغير، عندما لا تستحق تكلفة الوكيل دفعها.

الأسئلة الشائعة

هل درس «$state.raw للحالة غير التفاعلية» مجاني؟

نعم — نص درس «$state.raw للحالة غير التفاعلية» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.

ماذا ستتعلم في «$state.raw للحالة غير التفاعلية»؟

خزّن الكائنات أو المصفوفات الكبيرة دون تفاعلية عميقة لتحسين الأداء. تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟

لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.

كم من الوقت يستغرق درس «$state.raw للحالة غير التفاعلية»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟

نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. $state.raw للحالة غير التفاعلية
  2. $derived.by للاشتقاقات المعقدة
  3. $effect.root للتنظيف اليدوي
  4. الترحيل من Svelte 4 إلى 5
← العودة إلى Sveltejs Academy