From LinkedIn and Medium8 posts

Posts

Short write-ups on bugs I’ve hit and tools I’ve tried in React, Next.js, Laravel and animation, and a longer piece on why I built slotsmith. Most are written in Arabic.

Follow on LinkedIn Medium

Latest · 14 October 2026

Headless or styled? Why I built a React component library where every part is a slot

Styled libraries fight custom designs; headless ones make you rebuild the same markup on every project. How slotsmith sits between them, with a finished, accessible fallback behind every replaceable part, and what was hard to get right.

React
TypeScript
Open source

Read

All posts

№0814 Oct 2026Headless or styled? Why I built a React component library where every part is a slotStyled libraries fight custom designs; headless ones make you rebuild the same markup on every project. How slotsmith sits between them, with a finished, accessible fallback behind every replaceable part, and what was hard to get right.ReactTypeScriptOpen sourceRead
№0711 Apr 2026Microservices in the frontend: do we really need them?Micro-frontends pay off for big apps with several teams. For most projects a monorepo, or simply a modular structure inside one app, gets the benefits without the overhead.ArchitectureMonorepoNext.jsRead
№0615 Mar 2026Real-time Laravel: Reverb vs PusherI pushed live updates from back end to front end with Laravel Reverb instead of polling. When running your own WebSocket server beats a managed service, and when it doesn’t.LaravelWebSocketsReverbRead
№056 Mar 2026Beyond CSS animation: GSAP ScrollTrigger and timelinesCSS animations cover simple effects. For scroll-linked, pinned and sequenced interactions, GSAP’s ScrollTrigger and timelines give a level of control CSS alone can’t.GSAPAnimationFrontendRead
№0425 Feb 2026Choosing a React UI library: shadcn/ui, Chakra, MUI or Ant DesignWhat each of the four libraries I’ve used is good at, and why the right pick depends on the project, the team, how much control you need and how fast you have to ship.ReactUI librariesFrontendRead
№0311 Feb 2026Laravel API docs without annotations: l5-swagger vs ScrambleWith l5-swagger you annotate every controller, method, parameter and response. Scramble reads your controllers, form requests and validation rules and writes the docs itself.LaravelAPI docsScrambleRead
№0210 Feb 2026auth()->user() is null in Laravel? Check the middlewareA friend’s API returned a null user despite a valid bearer token. Sanctum and Passport don’t fill auth()->user() on their own; their middleware does. Learn the lifecycle before leaning on Laravel’s magic.LaravelSanctumMiddlewareRead
№019 Feb 2026Why Next.js only lets Server Actions set cookiesMoving auth to the server hit “Cookies can only be modified in a Server Action or Route Handler”. The answer was Set-Cookie: only code that sends a response back to the browser can change a cookie.Next.jsAuthenticationCookiesRead