TanStack Query Optimistic Updates: Rollback في
٢٤ يونيو ٢٠٢٦
التحديثات المتفائلة في TanStack Query (React Query) باستخدام useMutation: وcancelQueries، وsnapshot، وsetQueryData، والتراجع التلقائي عند فشل الطلب.
#frontend
TanStack Form + Zod Validation في React (2026)
٢٢ يونيو ٢٠٢٦
ابني نماذج React type-safe باستخدام TanStack Form v1 و Zod: التحقق من صحة النموذج والحقول، فحوصات async، حقول array، وحالة submit. بدون adapter، كل شيء قابل للتشغيل.
شرح Svelte 5 Runes: $state, $derived, $effect (2026)
١٩ يونيو ٢٠٢٦
شرح الـ runes في Svelte 5 مع أمثلة قابلة للتشغيل: متى تستخدم $state و $derived و $effect، ومتى لا تستخدم $effect، وكيفية الانتقال من الـ stores في Svelte 4.
بدائل CSS Anchor Positioning: دليل التبديل التلقائي (2026)
١٨ يونيو ٢٠٢٦
خلي القوائم المنسدلة (dropdowns) والتلميحات (tooltips) المربوطة بـ CSS تتقلب وتختفي لما تخرج بره الحدود باستخدام position-try-fallbacks و @position-try. دليل 2026 عملي وشغال على كل المتصفحات.
TanStack Query + Next.js 16 App Router
١٧ يونيو ٢٠٢٦
اعمل Prefetch TanStack Query v5 على السيرفر في Next.js 16 App Router، وبعدين اعمل hydrate باستخدام HydrationBoundary: من غير spinners، ومن غير double fetch. دليل عملي لسنة 2026.
Tailwind v4 الوضع الليلي: إعداد، تبديل وإصلاحات (2026)
١٥ يونيو ٢٠٢٦
تفعيل الوضع المظلم في Tailwind CSS v4: كود الـ @custom-variant dark، وتبديل الـ class بدون وميض، ودعم ثيم النظام، وليه dark: بيتوقف عن العمل.
React الـ ViewTransition مش شغال؟ كل الحلول (2026)
١٢ يونيو ٢٠٢٦
React الخاص بـ <ViewTransition> لا يقوم بالتحريك؟ الأسباب الأربعة الحقيقية — sync setState و DOM placement والتوفر في نسخة canary-only ودعم المتصفح — والحل لكل منها.
Tailwind v4 + Vite من الصفر: CSS-First @theme (2026)
٢٦ مايو ٢٠٢٦
إنشاء مشروع Vite + Tailwind CSS v4 في سنة 2026: توجيه @theme، وضع الـ dark mode باستخدام @custom-variant، مسارات @source، @utility مخصصة، وبدون ملف config.
شرح Astro Actions: نماذج Type-Safe في ٢٠٢٦
٢٣ مايو ٢٠٢٦
ابنِ نموذج ملاحظات type-safe باستخدام Astro Actions و Zod: التحقق من الصحة من جهة الخادم، وأخطاء محددة النوع لكل حقل، والتحسين التدريجي، و server islands.
Next.js 16 شرح Optimistic UI: Server Actions
١٨ مايو ٢٠٢٦
دليل عملي للإنتاج: إطلاق optimistic UI في Next.js 16.2 مع React 19.2 باستخدام useOptimistic و useActionState و useFormStatus و rate limits و revalidatePath.
Next.js 16 شرح Streaming: Suspense + use cache
١٢ مايو ٢٠٢٦
شرح عملي لـ Next.js 16.2: بث Server Components باستخدام Suspense و loading.tsx، ثم تخزينهم مؤقتاً باستخدام use cache و cacheLife و updateTag في 2026.
Next.js من Pages Router إلى App Router: دليل انتقال لعام
٦ مايو ٢٠٢٦
دليل عملي لعام 2026: نقل تطبيق Next.js 16 من Pages Router إلى App Router — الـ codemods، والـ async params، والـ route handlers، وفخ الـ legacyBehavior.
إتقان تخطيط Flexbox: الدليل الكامل لعام
تم التحديث: ٢٤ يناير ٢٠٢٦
غوص عميق في إتقان CSS Flexbox — من الأساسيات إلى الأنماط المتقدمة، والأداء، وسير العمل الجاهزة للإنتاج
إتقان JavaScript ES6: المميزات الحديثة التي غيرت كل شيء
١٦ يناير ٢٠٢٦
JavaScript مميزات ES6: let/const، arrow functions، classes، modules، Promises، destructuring، spread — الأساس اللي بتقوم عليه JS الحديثة النهاردة.
إتقان استراتيجيات Media Query لـ Responsive Design
١٤ يناير ٢٠٢٦
تعلم كيفية بناء تصميمات متجاوبة متينة وقابلة للتوسع وقابلة للصيانة باستخدام استراتيجيات CSS media query المتقدمة، مع أمثلة من الواقع، ونصائح الأداء، وإرشادات استكشاف الأخطاء وإصلاحها.
إتقان مبادئ تصميم UI: دليل عملي لعام
٢٩ ديسمبر ٢٠٢٥
استكشاف عميق وتطبيقي لمبادئ تصميم UI الحديثة — من سهولة الاستخدام والإتاحة إلى الأداء والاختبار وقابلية التوسع — بأمثلة واقعية وتقنيات عملية
إتقان تحضير مقابلات CSS: من الأساسيات إلى الأنماط المتقدمة
٢٦ ديسمبر ٢٠٢٥
دليل عملي كامل للتفوق في مقابلات CSS — من المفاهيم الأساسية والأسئلة الصعبة إلى performance optimization، debugging، ودراسات حالة واقعية.
تصميم تطبيقات الويب التقدمية الموجهة للجوال أولاً التي تبدو أصلية
١٨ ديسمبر ٢٠٢٥
غوص عميق في تصميم PWA محمول-أولًا — من التخطيطات الاستجابة وتحسين الأداء إلى المرونة في وضع عدم الاتصال والاختبار واستراتيجيات النشر في العالم الحقيقي.
تطبيقات الويب المدعومة بالذكاء الاصطناعي: الواقع الجديد للإنترنت
٨ ديسمبر ٢٠٢٥
- استكشف كيف تعيد تطبيقات الويب المدعومة بالذكاء الاصطناعي تشكيل الويب الحديث — من العمارة والأداء إلى حالات الاستخدام الواقعية والأمان واستراتيجيات التوسع.
تعلم Svelte: الدليل الحديث لبناء تطبيقات ويب فائقة السرعة
٢٤ نوفمبر ٢٠٢٥
دليل عميق وعملي ومبسط لإتقان Svelte — يغطي الأساسيات، والأداء، وحالات الاستخدام الواقعية، والأنماط الجاهزة للإنتاج.
إتقان JavaScript: من الأساسيات للمبتدئين إلى التطوير المتقدم للويب
١٨ سبتمبر ٢٠٢٥
- تعمق في JavaScript، اللغة التي تدعم الويب، واستكشف أساسياتها، المفاهيم المتقدمة، وتطبيقاتها العملية لبناء مواقع ويب ديناميكية وتفاعلية وما هو أبعد من ذلك.
فهم React: دليل شامل لبناء تطبيقات الويب الحديثة
١٨ سبتمبر ٢٠٢٥
- انغمس بعمق في React، وهي مكتبة JavaScript الشهيرة لبناء واجهات المستخدم. تعرف على مفاهيمها الأساسية، وميزاتها، وكيفية إنشاء تطبيقات الويب الديناميكية.
تطوير الويب للمبتدئين: من الصفر إلى المطور الشامل
١٨ سبتمبر ٢٠٢٥
- دليل شامل للمبتدئين لتعلم تطوير الويب، يغطي HTML، CSS، JavaScript، والواجهة الأمامية، والخلفية، والأدوات التي تحتاجها لتصبح مطور برمجيات شامل.
JSX و React: تعلم كيفية كتابة كود قابل للصيانة – دليل مختصر
تم التحديث: ١٦ سبتمبر ٢٠٢٥
- دليل مختصر لـ JSX و React لعام 2025 يغطي المكونات، الخصائص، الحالة، الخطافات، الأحداث، العرض الشرطي، وممارسات البرمجة القابلة للصيانة.
فهم العرض الشرطي في React (دليل 2025)
تم التحديث: ١٥ سبتمبر ٢٠٢٥
- تعلم كيفية تنفيذ العرض الشرطي في React باستخدام المعاملات المنطقية، والتعبيرات الشرطية، وأفضل الممارسات للقراءة وسهولة الصيانة.