اشتغلت الفترة اللي فاتت على مشروع جديد اسمه UrMovies
Movie browsing experience مبنية بالكامل بـ:
React
TanStack Query
Framer Motion
Tailwind CSS
React Router DOM

المشروع بيعتمد على API + Images heavy structure وده خلاني أواجه شوية مشاكل في: Performance - LCP - Layout Shift - Bundle size - Main thread blocking

والصراحة الموضوع مكانش بسيط
لأن Apps الأفلام بالذات بتبقى مليانة صور ضخمة Rows كتير API calls متكررة Animations

فكان لازم أتعامل مع الموضوع بعقلية Optimization مش مجرد يلا نخلص UI ف ان شاء الله هنزل بوست اشرح فيه شوية techniques و patterns استعملتها في البروجيكت

Live Demo:
https://lnkd.in/djWYnT5w

GitHub Repository:
https://lnkd.in/dxH3SWsA