وسم

#react-19

٤ مقالات

تطوير الواجهة الأمامية١٠ أغسطس ٢٠٢٦٢٦ دقيقة
React عدم تطابق الترطيب (Hydration Mismatch): كل الأسباب والحلول (٢٠٢٦)
هناك قائمة قصيرة وموثقة لأسباب حدوث React hydration mismatch. إليك كل سبب منها، وكيفية العثور على المكون المسؤول، والحلول التي تعمل بالفعل.
تطوير الواجهة الأمامية١٣ يوليو ٢٠٢٦١٣ دقيقة
React Compiler مش بيعمل Memoizing للمكون بتاعك؟ صلح المشكلة (٢٠٢٦)
الـ Compiler بتاع React مش بيعمل memoizing للـ component بتاعك؟ اعمل Debug للـ bailout باستخدام الـ Memo badge والـ Playground، وبعدين صلح الـ ESLint، و Next.js 16، وإعدادات Vite بشكل صحيح.
تطوير الواجهة الأمامية١٢ يونيو ٢٠٢٦١٢ دقيقة
دليل مكون النشاط من نيرد ليفل تك: التبويبات ذات الحالة (٢٠٢٦)
درس تطبيقي عن مكون Activity في React: الحفاظ على حالة التبويب (tab state) مع وضع الإخفاء، وإيقاف التأثيرات مؤقتاً، والتقديم المسبق لواجهة المستخدم المخفية. كود React 19.2 قابل للتشغيل، ٢٠٢٦.
تطوير الواجهة الأمامية٨ يونيو ٢٠٢٦١٣ دقيقة
دليل useEffectEvent: أوقف تكرار تشغيل الـ Effect (٢٠٢٦)
دليل عملي لـ React useEffectEvent: إصلاح مشكلة الـ stale closures، ومنع إعادة تشغيل useEffect عند تغيير الـ props، والانتقال من useCallback. كود قابل للتنفيذ لعام ٢٠٢٦.

كل المقالات في #react-19 (٤)

React عدم تطابق الترطيب (Hydration Mismatch): كل الأسباب والحلول (٢٠٢٦)

React Compiler مش بيعمل Memoizing للمكون بتاعك؟ صلح المشكلة (٢٠٢٦)

دليل مكون النشاط من نيرد ليفل تك: التبويبات ذات الحالة (٢٠٢٦)

دليل useEffectEvent: أوقف تكرار تشغيل الـ Effect (٢٠٢٦)