Production-tested deep-dives into Frontend Architecture, Backend for Frontend (BFF), Web Performance, and Senior React patterns. Bilingual in English and العربية.
أهلاً بكم! أنا مصطفى محمد — Senior Software Engineer & Creator
Meet Mostafa Mohamed — Senior Software Engineer and Frontend Lead specializing in modern frontend architecture, developer education, and open-source packages.
ليه بنحس إن تطبيقات زي Stripe و Apple و Linear منتجات بملايين الدولارات؟ أسرار الـ UX Polish
An engineering breakdown of sensory UI polish, fluid physics, micro-interactions, and visual craftsmanship behind world-class products.
ضغط الصور في المتصفح قبل الرفع (Client-Side Compression): تجربة بناء مكتبة Compressly
How client-side image compression saves thousands in bandwidth, accelerates upload speeds tenfold, and boosts Core Web Vitals.
ما لا يسع الـ Frontend Engineer جهله | Part 5: تقنية الـ Response Streaming والـ ReadableStream API
Why wait for massive payloads to fully download before rendering? Learn how ReadableStream enables real-time chunked responses.
ما لا يسع الـ Frontend Engineer جهله | Part 4: تطبيقات الـ Offline-First و Service Workers و Cache API
How to engineer web apps that function seamlessly without an internet connection using Service Workers and Cache API strategies.
ما لا يسع الـ Frontend Engineer جهله | Part 3: كيف تعمل الـ React Server Components (RSC) تحت الغطاء؟
Understand the deep architectural difference between SSR and RSC, and how React executes components on the server with zero client bundle cost.
ما لا يسع الـ Frontend Engineer جهله | Part 2: لماذا يُعد استخدام key={index} خطراً حقيقياً في React؟
A deep dive into React's Reconciliation algorithm and why key={index} leads to state bugs, UI corruption, and phantom input values.
ما لا يسع الـ Frontend Engineer جهله | Part 1: تقنية الـ DOM Virtualization ورندرة مئات الآلاف من العناصر بسلاسة
How to render 100,000 rows without crashing browser memory using DOM Virtualization, Windowing, and viewport calculation techniques.
Clean Code Is Not the Same as Clear Code: Comments Were Never the Problem
Debunking the dogmatic 'never write comments' myth: understanding the critical difference between clean architectural code and clear, self-documenting intent.
حاجات في الـ Backend لازم الـ Frontend Engineer يفهمها | Part 16: نمط الـ Saga Pattern والـ Distributed Transactions
How microservices coordinate multi-step transactions across independent databases without distributed locks, using the Saga Pattern.
حاجات في الـ Backend لازم الـ Frontend Engineer يفهمها | Part 15: الـ Observability والـ Distributed Tracing و Correlation IDs
How distributed tracing and correlation IDs track requests across microservices, and why frontends must propagate Trace IDs in headers.
حاجات في الـ Backend لازم الـ Frontend Engineer يفهمها | Part 14: مفهوم الـ Circuit Breaker
Why does the backend fail fast when a downstream dependency is down? Understanding how the Circuit Breaker pattern prevents cascading failures and empowers frontend resilience.