المدونة
مقالات عملية مرتبة حسب المجال والمستوى، اختر المجال المناسب واقرأ من مستوى مبتدئ إلى محترف.
TypeScript Discriminated Unions: امنع bugs الـ runtime بخانة tag
لو عندك response بيرجّع success أو error والـ TypeScript مش بيميز بينهم، المشكلة في شكل الـ type مش في الـ compiler. Discriminated unions بتحلها بخانة tag بنوع literal. كود شغّال، مقارنة مع optional properties، exhaustiveness check، وحالات ما تنفعش فيها.
Python match/case: امتى يستحق إنه يستبدل if/elif في كودك
Python 3.10 جاب match/case من 4 سنين، ولسه أغلب الكود العربي بيكتب if/elif في حالات match فيها بيوفّر 30 سطر فعلًا. المقال يديك بالظبط امتى تستخدمه وامتى لأ، بكود webhook حقيقي وtrade-offs لازم تعرفها.
Event Loop في JavaScript: ليه setTimeout(fn, 0) بيشتغل بعد Promise
لو كتبت setTimeout بصفر ميلي ثانية مع Promise.resolve، الـ Promise هو اللي بيشتغل الأول. المقال يفك ترتيب التنفيذ بين Macrotasks وMicrotasks بأمثلة شغالة، رقم قياس فعلي، وإمتى الفهم ده بيمنع bug في production.
Web Workers في JavaScript: شغّل حسابات ثقيلة بدون ما تجمّد الـ UI
لو الـ UI بيجمّد لما المستخدم يضغط زرار حساب، المشكلة مش في الكود — المشكلة إن JavaScript بتشتغل على thread واحد. Web Workers بتنقل الشغل لـ thread موازي، وبترجّع النتيجة بـ message. كود شغّال، قياسات حقيقية، وحالات ما تنفعش فيها.
JavaScript Proxy: اعمل Reactive State بـ 20 سطر بدل Vue
لو عايز state object بيعيد render لوحده لما يتغير من غير ما تجيب Zustand أو Vue كاملة، الـ Proxy في JavaScript بيعمل ده في 20 سطر بس. هنفك إزاي بيشتغل، قياسات performance حقيقية، وإمتى المكتبات الكبيرة هتبقى أفضل.
AbortController: إلغاء طلبات fetch قبل ما تأكل ذاكرة المتصفح
لما المستخدم يغيّر الصفحة وسط fetch شغّال، الطلب بيفضل يستهلك ذاكرة ويحاول setState على مكون اتشال. AbortController بيوقفه فورًا. كود React جاهز، أرقام قياس حقيقية، وtrade-offs لازم تعرفها قبل ما تستخدمه في POST.
Big O Notation بالعربي: إزاي تعرف إن الكود هيقع قبل ما يدخل production
الكود بيشتغل على 1000 سجل في 50ms، وبعد شهر في production بياخد 8 ثواني على مليون سجل. المشكلة مش في السيرفر - المشكلة في Big O. المقال يديك الخمسة تعقيدات اللي هتقابلك فعلًا، كود شغّال بقياسات حقيقية، وقرار واضح إمتى تهتم وإمتى لأ.
SQL Window Functions: احسب ranking و running total في query واحدة
لو بتكتب كل تقرير تحليلي بـ subquery طويل وself-join عشان تجيب ترتيب موظف داخل قسمه أو مجموع تراكمي، الـ window functions بتوفر 80% من الكود وبتدي أداء أحسن 15 ضعف في الحالات الحقيقية. كود شغّال على PostgreSQL بقياسات وtrade-offs.
SQL Window Functions: احسب Running Total وRanking بدون Self Join
لو لسه بتستخدم Self Join أو Subquery علشان تجيب Running Total أو ترتيب داخل كل عميل، الـ Window Functions بتعمل نفس الشغل بسطر واحد وبأداء أحسن. المقال فيه أمثلة PostgreSQL شغالة وقياس Execution Plan وحالات ما تنفعش فيها.