OMAR
Stop Putting Server Data in useState
← كل الملاحظات
واجهات أمامية٠١ أغسطس ٢٠٢٦ · 3 دقائق قراءة

توقّف عن وضع بيانات الخادم في useState

معظم أخطاء الحالة في رياكت هي خطأ واحد بأقنعة مختلفة: التعامل مع نسخة من بيانات الخادم كأنها ملكك. تانستاك كويري يعالج الفئة كلها لا العَرَض.

الخلاصة بالعربية

  • حالة الخادم ليست حالة تطبيق: هي نسخة مؤقتة من بيانات يملكها غيرك.
  • useEffect + useState يعيد بناء التخزين المؤقت وإلغاء الطلبات وإعادة المحاولة يدوياً في كل مرة.
  • استعلام واحد بمفتاح واحد يعطيك التخزين والمزامنة وإلغاء الصلاحية مجاناً.
  • invalidateQueries أوضح من تحديث الحالة يدوياً بعد كل تعديل.
  • القاعدة: كل ما جاء من الشبكة يمرّ عبر طبقة الاستعلام لا عبر useState.

هذا المقال مكتوب بالإنجليزية ↓

ReactStateTanStack

تحتاج بناء هذا باحتراف؟

أبني منصّات آمنة وسريعة وثنائية اللغة لعملاء في مصر والسعودية والإمارات والكويت.

راسلني

اقرأ أيضاً