- وش أبرز المميزات في تحديث الرياكت الجديد؟👇🏻✨
1- Automatic batching✨
هذه الميزة باختصار راح تساعدنا في عمل تحديث واحد فقط للصفحة (one render) عند استخدامنا لمجموعة من الدوال لتحديث الحالات في نفس الوقت (multiple state updates) في داخل الـ promises, setTimeOut وباقي الاحداث الغير مضمنة افتراضياً في الرياكت.
مثال👇🏻
هذه الميزة باختصار راح تساعدنا في عمل تحديث واحد فقط للصفحة (one render) عند استخدامنا لمجموعة من الدوال لتحديث الحالات في نفس الوقت (multiple state updates) في داخل الـ promises, setTimeOut وباقي الاحداث الغير مضمنة افتراضياً في الرياكت.
مثال👇🏻
2- Transitions✨
ميزة قوية جداً تسمح لك توصّل للرياكت أي التحديثات عاجلة وأيها غير عاجلة.
وش يعني تحديثات عاجلة وتحديثات غير عاجلة؟🤔
Urgent update:
تمثل التفاعلات المباشر مثل الكتابة والضغط على الازرار.
Transition update:
نقل وتحديث واجهة المستخدم من عرض لآخر.
مثال👇🏻
ميزة قوية جداً تسمح لك توصّل للرياكت أي التحديثات عاجلة وأيها غير عاجلة.
وش يعني تحديثات عاجلة وتحديثات غير عاجلة؟🤔
Urgent update:
تمثل التفاعلات المباشر مثل الكتابة والضغط على الازرار.
Transition update:
نقل وتحديث واجهة المستخدم من عرض لآخر.
مثال👇🏻
3- Supsense and SSR✨
تتيح لك هالميزة تحديد حالة التحميل (loading state) لجزء معين من المكونات في الصفحة (Component).
يعني مثلاً اذا حبينا نأخر حالة التحميل للجزء الخاص بالتعليقات في موقعنا لحين جلب البيانات الخاصة فيه.
مثال👇🏻
تتيح لك هالميزة تحديد حالة التحميل (loading state) لجزء معين من المكونات في الصفحة (Component).
يعني مثلاً اذا حبينا نأخر حالة التحميل للجزء الخاص بالتعليقات في موقعنا لحين جلب البيانات الخاصة فيه.
مثال👇🏻
جاري تحميل الاقتراحات...