من لينكدإن وميديوم8 منشورات

المنشورات

منشورات قصيرة عن مشكلات واجهتها وأدوات جرّبتها في React وNext.js وLaravel والحركة في الواجهات، ومقال أطول عن سبب بنائي مكتبة slotsmith.

تابعني على لينكدإن Medium

الأحدث · 14 تشرين الأول 2026

بلا تصميم أم بتصميم جاهز؟ لماذا بنيت مكتبة React كل جزء فيها قابل للاستبدال

المكتبات ذات التصميم الجاهز تقاوم التصاميم الخاصة، والمكتبات بلا تصميم تجعلك تعيد كتابة الشيفرة نفسها في كل مشروع. كيف تقف slotsmith بين الاثنين، فلكل جزء قابل للاستبدال بديل جاهز يراعي إمكانية الوصول، وما الذي كان صعباً في بنائها.

React
TypeScript
Open source

اقرأ

كل المنشورات

№0814 تشرين الأول 2026بلا تصميم أم بتصميم جاهز؟ لماذا بنيت مكتبة React كل جزء فيها قابل للاستبدالالمكتبات ذات التصميم الجاهز تقاوم التصاميم الخاصة، والمكتبات بلا تصميم تجعلك تعيد كتابة الشيفرة نفسها في كل مشروع. كيف تقف slotsmith بين الاثنين، فلكل جزء قابل للاستبدال بديل جاهز يراعي إمكانية الوصول، وما الذي كان صعباً في بنائها.ReactTypeScriptOpen sourceاقرأ
№0711 نيسان 2026الـ Microservices في الواجهة الأمامية: هل نحتاجها فعلاً؟تفيد الـ Micro Frontends في التطبيقات الكبيرة التي تعمل عليها عدة فرق. أما في أغلب المشاريع فيكفي Monorepo، أو تقسيم المشروع نفسه إلى وحدات واضحة، دون تعقيد زائد.ArchitectureMonorepoNext.jsاقرأ
№0615 آذار 2026التحديثات الفورية في Laravel: Reverb أم Pusher؟استخدمت Laravel Reverb لإرسال تحديثات فورية من الواجهة الخلفية إلى الأمامية بدل الاستعلام المتكرر. متى يكون تشغيل خادم WebSocket خاص بك أفضل من خدمة جاهزة، ومتى لا يكون.LaravelWebSocketsReverbاقرأ
№056 آذار 2026أبعد من حركات CSS: ScrollTrigger والـ Timelines في GSAPتكفي حركات CSS للتأثيرات البسيطة، لكن للحركة المرتبطة بالتمرير والأقسام المثبّتة والتسلسلات يمنحك GSAP عبر ScrollTrigger والـ Timelines تحكماً لا يصل إليه CSS وحده.GSAPAnimationFrontendاقرأ
№0425 شباط 2026أي مكتبة واجهات تختار لمشروع React؟ما يميّز كل مكتبة من أربع مكتبات استخدمتها: Shadcn UI وChakra UI وMUI وAnt Design، ولماذا يتوقف الاختيار على نوع المشروع وحجم الفريق ومقدار التحكم وسرعة التطوير.ReactUI librariesFrontendاقرأ
№0311 شباط 2026توثيق الـ APIs في Laravel بلا تعليقات: l5-swagger أم Scramble؟مع l5-swagger تكتب تعليقات فوق كل Controller وكل دالة وكل مُدخل واستجابة. أما Scramble فيقرأ الـ Controllers وطلبات النماذج وقواعد التحقق، ويولّد التوثيق وحده.LaravelAPI docsScrambleاقرأ
№0210 شباط 2026لماذا تُرجع auth()->user() القيمة null في Laravel؟صديق يرسل Bearer Token صحيحاً ومع ذلك يحصل على null. السبب أن Sanctum وPassport لا يملآن auth()->user() بأنفسهما، بل الـ middleware الخاص بهما. افهم دورة الطلب قبل أن تعتمد على سحر Laravel.LaravelSanctumMiddlewareاقرأ
№019 شباط 2026لماذا لا تُعدَّل الـ cookies في Next.js إلا من Server Actions؟عند نقل المصادقة إلى السيرفر ظهر خطأ يمنع تعديل الـ cookies. السبب أن الـ cookies تتغيّر عبر ترويسة Set-Cookie في الاستجابة، فلا يغيّرها إلا كود يُرجع استجابة إلى المتصفح.Next.jsAuthenticationCookiesاقرأ