#tutorial

الصفحة ١ من ٢

• 

  السحابة و DevOps٢٦ يونيو ٢٠٢٦١١ دقيقة

  GitHub Actions: Reusable Workflow مقابل Composite Action

  الفرق بين Reusable workflow و composite action في GitHub Actions: الوظائف (jobs) مقابل الخطوات (steps)، والأسرار (secrets)، وحدود التداخل، والمخرجات—بالإضافة إلى متى تستخدم كل منهما بالضبط، مع YAML.

• 

  السحابة و DevOps٢٥ يونيو ٢٠٢٦١٢ دقيقة

  kubectl debug Ephemeral Containers: Pods بدون Shell

  Debug لـ no-shell distroless pod باستخدام kubectl debug و ephemeral containers: الـ --target flag، والوصول لنظام ملفات /proc، ونسخ pod الـ CrashLoopBackOff.

• 

  تطوير الواجهة الأمامية٢٤ يونيو ٢٠٢٦١١ دقيقة

  TanStack Query Optimistic Updates: Rollback في

  التحديثات المتفائلة في TanStack Query (React Query) باستخدام useMutation: وcancelQueries، وsnapshot، وsetQueryData، والتراجع التلقائي عند فشل الطلب.

• 

  تطوير الواجهة الأمامية١٧ يونيو ٢٠٢٦١٢ دقيقة

  TanStack Query + Next.js 16 App Router Prefetch (2026)

  قم بعمل Prefetch لـ TanStack Query v5 على السيرفر في Next.js 16 App Router، ثم قم بعمل hydrate باستخدام HydrationBoundary: بدون مؤشرات تحميل (spinners)، وبدون جلب بيانات مزدوج. دليل قابل للتنفيذ لعام ٢٠٢٦.

• 

  الذكاء الاصطناعي والتعلم الآلي١٥ يونيو ٢٠٢٦١٣ دقيقة

  Claude Prompt Caching في TypeScript: تقليل التكاليف

  ضيف خاصية Claude prompt caching في TypeScript باستخدام cache_control: قيس الـ cache_read_input_tokens، وقلل تكاليف API بنسبة ٨٩٪ تقريبًا، وتجنب مشكلة الـ cache miss الصامتة بسبب الحد الأدنى من الـ tokens.

• 

  تطوير الواجهة الأمامية١٢ يونيو ٢٠٢٦١٢ دقيقة

  دليل مكون النشاط من نيرد ليفل تك: التبويبات ذات الحالة (٢٠٢٦)

  درس تطبيقي عن مكون Activity في React: الحفاظ على حالة التبويب (tab state) مع وضع الإخفاء، وإيقاف التأثيرات مؤقتاً، والتقديم المسبق لواجهة المستخدم المخفية. كود React 19.2 قابل للتشغيل، ٢٠٢٦.

• 

  الذكاء الاصطناعي والتعلم الآلي١١ يونيو ٢٠٢٦٢٠ دقيقة

  Claude Batch API في TypeScript: الاستخراج الضخم (٢٠٢٦)

  دليل Claude Batch في نيرد ليفل تك: أرسل آلاف الطلبات ذات المخرجات المهيكلة بنصف التكلفة، وتتبع الحالة، واستقبل النتائج بتدفق مستمر، وتحقق من صحتها باستخدام Zod.

• 

  تطوير الواجهة الأمامية٨ يونيو ٢٠٢٦١٣ دقيقة

  دليل useEffectEvent: أوقف تكرار تشغيل الـ Effect (٢٠٢٦)

  دليل عملي لـ React useEffectEvent: إصلاح مشكلة الـ stale closures، ومنع إعادة تشغيل useEffect عند تغيير الـ props، والانتقال من useCallback. كود قابل للتنفيذ لعام ٢٠٢٦.

• 

  الذكاء الاصطناعي والتعلم الآلي٧ يونيو ٢٠٢٦١٩ دقيقة

  مخرجات Claude المهيكلة في TypeScript باستخدام Zod (٢٠٢٦)

  احصل على JSON مضمون من Claude API في TypeScript: مخرجات مهيكلة باستخدام Zod، واستخدام صارم للأدوات، بالإضافة إلى التعامل مع الرفض و max_tokens. دليل قابل للتنفيذ لعام ٢٠٢٦.

• 

  تطوير الواجهة الأمامية٤ يونيو ٢٠٢٦١٦ دقيقة

  TanStack Router: معاملات بحث آمنة النوع باستخدام Zod (٢٠٢٦)

  التحقق من صحة معاملات البحث (URL search params) في TanStack Router باستخدام Zod: القيم الافتراضية، البدائل، برمجيات search middlewares الوسيطة، وملاحظة هامة حول محول Zod 4. دليل عملي لعام ٢٠٢٦.

• 

  تطوير الواجهة الأمامية١ يونيو ٢٠٢٦١٣ دقيقة

  Next.js 16 مكونات Cache: دليل تعليمي للمستأجرين المتعددين (٢٠٢٦)

  دليل إنتاج Next.js 16 لمكونات التخزين المؤقت (Cache) لأنظمة SaaS متعددة المستأجرين: مفاتيح تخزين مؤقت بنطاق المستأجر باستخدام use cache، وcacheTag لكل مستأجر، وcacheLife.

• 

  تطوير الواجهة الخلفية٣١ مايو ٢٠٢٦١٨ دقيقة

  دليل تعليمي للمعاملات الذرية باستخدام Drizzle ORM + pg-boss (٢٠٢٦)

  إرسال ١٢ وظيفة pg-boss مدعومة بـ Postgres داخل معاملة Drizzle ORM باستخدام محول fromDrizzle، مع محاولات إعادة المحاولة، والرسائل المهملة (dead letters)، وجداول cron.