Frontend Performance - #12 Action On Visibility بالعربي

#frontend #performance #frontenddevelopment #webperformance السلام عليكــــــــــــم دي الحلقة الـ12 من سلسلة #frontendperformance بالعربي. في الحلقة دي هنتكلم علي technique قوي جدا وهو الـ Actions On Visibility, هنعرف ايه هو وازاي هو بسيط ولكن مفيد جدا وبنقدر نستخدمه في optimizations كتيره, هنشوف مع بعض الـ Intersection Observer API وكل تفاصيلة و الـ mix بينه وبين الحاجات الي كل Framework بيدهالنا زي Vue و React واخيرا شوفنا ده مع بعض بمثال عملي كتطبيق علي الـ technique بتاع الـ Actions On Visibility Resources: - www.patterns.dev/vanilla/static-import - www.patterns.dev/vanilla/dynamic-import - www.patterns.dev/vanilla/import-on-visibility - hemdan.hashnode.dev/actions-on-visibility - caniuse.com/?search=IntersectionObserver - developer.mozilla.org/en-US/docs/Web/API/Intersect… Chapters: 0:00 Introduction 4:40 Visibility tracking 5:21 Intersection Observer API | Options 10:35 Intersection Observer API | Callback 14:18 Bundle Splitting + Lazy Loading 15:50 Action On Visibility example ماتنسوش تشتركوا في القناة وتفعلوا جرس التنبيهات عشان يوصلكم كل جديد اكاونت تويتر twitter.com/AbdallahHemda17 اكاونت لينكدان www.linkedin.com/in/hemdan99/ اكاونت جيتهاب github.com/abdallahhemdan