تكنولوجيا
التصنيف الرئيسي للمقالات التقنية: برمجة، ذكاء اصطناعي، DevOps، تحسين الأداء، أوتوميشن، وأخبار التكنولوجيا.
Virtual Scrolling في React للمتوسط: اعرض 100 ألف صف بدون ما يتجمد المتصفح
لو جدول React بيتجمّد لما البيانات تعدّي 5,000 صف، المشكلة مش في React — هي إنك بترسم 100 ألف DOM node والمتصفح بيموت. Virtual Scrolling بـ 12 سطر ومكتبة react-window 6KB بيرسم 18 صف فقط على الشاشة والباقي وهمي. مقال للمتوسط بمثال السينما للمبتدئ، شرح علمي للـ DOM rendering pipeline، كود JSX شغّال على React 19 و react-window 1.8، أرقام مقاسة على Chrome 131 (Initial render من 4.18 ثانية لـ 38ms، FPS من 4 لـ 60، RAM من 1.2GB لـ 38MB)، 4 trade-offs حقيقية بما فيهم Ctrl+F و a11y، ومتى Virtual Scrolling بيكون كارثة بدل ما يحسّن.
Pattern Matching في Python للمتوسط: استبدل 40 سطر if بـ match
لو كاتب 14 if/elif علشان توزّع JSON event على handler، Python 3.10+ فيها match statement بياخد نفس الشغل في 8 أسطر، بسرعة أقل P95 من 142µs لـ 38µs. مقال للمتوسط بمثال مكتب البريد للمبتدئ، شرح علمي للـ structural pattern matching من PEP 634/636، كود شغّال على Python 3.13 مع dataclasses، أرقام مقاسة من API بـ 12K طلب/دقيقة، 4 trade-offs خفية، ومتى match-case بيكون مضيعة وقت.
Table Partitioning في PostgreSQL للمتوسط: من 4.2 ثانية لـ 12ms على جدول 80 مليون صف
لو جدول الطلبات في PostgreSQL وصل 80 مليون صف وأي SELECT آخر 30 يوم بياخد 4.2 ثانية، الـ DB مش ضعيفة — هي بتفحص الجدول كله. Declarative Partitioning في PostgreSQL 16 بيقسّم الجدول لـ partitions شهرية بحيث الـ query يضرب 2.6 مليون صف بدل 80 مليون، ويرجع في 12 مللي ثانية. مقال للمتوسط بمثال أرشيف الفواتير للمبتدئ، تعريف علمي من توثيق PostgreSQL 16، كود SQL قابل للنسخ، أرقام مقاسة من إنتاج e-commerce، 4 trade-offs، ومتى Partitioning بيكون كارثة بدل ما يحسّن.
Read Replicas في PostgreSQL للمتوسط: وزّع 80% من القراءات بدون تعديل سطر كود
لو سيرفر PostgreSQL الإنتاج بيرفع CPU لـ 92% الساعة 8 الصبح ومعظم الطلبات SELECT بسيطة، الـ DB مش ضعيفة — هي بتخدم القراءة والكتابة من نفس الـ instance. Read Replica واحد بيستقبل 80% من القراءات بدون لمس كود التطبيق، وبيخفّض P95 latency من 480ms لـ 38ms. مقال للمتوسط بمثال المكتبة العامة للمبتدئ، شرح علمي للـ Streaming Replication من توثيق PostgreSQL 16، إعداد primary + standby قابل للنسخ، توجيه القراءات بـ pgpool-II، أرقام مقاسة من API بـ 12K طلب/دقيقة، 4 trade-offs حقيقية، ومتى Read Replica بتكون مضيعة وقت.
Channels في Go للمتوسط: تواصل بين goroutines بدون mutex
لو goroutines بتاعتك بتشتغل صح كل واحدة لوحدها لكن لما تجمع نتيجتهم بيظهر race conditions و sync.Mutex متشعبط في كل دالة، انت بتحارب اللغة. مقال للمتوسط بمثال ماسورة المطبخ للمبتدئ، تعريف علمي للـ CSP من ورقة Hoare 1978، كود Go 1.22 شغّال يجلب 3 APIs بالتوازي في 0.42 ثانية بدل 1.4 ثانية، شرح Buffered vs Unbuffered وفخ الـ deadlock، 4 trade-offs حقيقية، ومتى Channels مش الحل.
Channels في Go للمتوسط: نسّق 1000 Goroutine بدون Race Conditions
لو شغّلت 1000 Goroutine بيكتبوا في slice واحد بدون تنسيق، Go runtime مش بيرفع خطأ. بس الـ data race بيحصل بصمت. Channels بتحل ده بسطر واحد بدل 14 سطر mutex. مقال للمتوسط بمثال خط الإنتاج، تعريف من ورقة CSP لـ Hoare 1978، Worker Pool شغّال على Go 1.22، أرقام مقاسة (142 سطر mutex → 38 سطر channels)، 4 trade-offs، ومتى mutex أحسن من channel.
Service Worker Caching للمتوسط: خلّي موقعك يفتح في 0.4 ثانية للزائر العائد
لو الزائر اللي بيرجع لموقعك بيستنّى 2.8 ثانية كأنه أول زيارة، Service Worker بـ 40 سطر JavaScript بينزّل الزمن لـ 0.4 ثانية ويخلّي الموقع يفتح حتى من غير إنترنت. مقال للمتوسط بمثال أمين المخزن للمبتدئ، تعريف علمي من Service Worker API spec، 3 استراتيجيات caching بكود شغّال على Workbox 7، أرقام مقاسة من e-commerce عربي بـ 84,000 زائر شهريًا (P75 من 2.8s لـ 0.4s، bounce rate -38%، فاتورة CDN -54%)، 4 trade-offs خفية، ومتى Service Worker بيكون كارثة بدل ما يفيد.
Whisper Large-v3 للمتوسط: فرّغ ساعة فيديو عربي محلياً في 4 دقائق على GPU
لو بتدفع $0.36 لكل ساعة على Whisper API، 200 ساعة شهرياً = $72 شهرياً وبياناتك بتمر على سيرفر بره سيطرتك. faster-whisper بيشغّل نفس النموذج Large-v3 محلياً على GPU بـ 8GB في 3 دقائق و47 ثانية لكل ساعة، بـ WER 11.4% على الفصحى. مقال للمتوسط بمثال السكرتير للمبتدئ، شرح encoder-decoder transformer من ورقة Radford 2023، كود Python شغّال في 14 سطر مع VAD و int8_float16، أرقام مقاسة على dataset MGB-3 من QCRI، 4 trade-offs خفية، ومتى Whisper مش الحل أصلاً.
Web Workers في JavaScript للمتوسط: شغّل عمليات ثقيلة بدون ما تجمّد المتصفح
لو dashboard بتاعك بيتجمّد 4 ثواني لمّا المستخدم يرفع CSV حجمه 80MB، JavaScript مش بطيء — هو شغّال على thread واحد بيعمل كل حاجة. Web Workers بـ 30 سطر بتنقل العملية الثقيلة لـ background thread فالـ UI يفضل متجاوب 60fps. مقال للمتوسط بمثال مطعم الكاشير الواحد للمبتدئ، تعريف علمي من HTML Living Standard، كود شغّال على Chrome 130 و Vite 5، أرقام مقاسة على CSV 82MB (UI freeze من 4,180ms لـ 18ms)، 4 trade-offs حقيقية، ومتى Web Worker بيكون مبالغة هندسية.