Techayo E-commerce
An early-stage e-commerce project featuring product browsing and cart management. Built with Redux for state handling and Bootstrap for styling.
ReactReduxBootstrap
Hi, I'm Youssef
Fullstack Developer
Full-Stack Developer specializing in Next.js, React, and .NET, focused on building scalable, high-performance web applications with modern technologies and clean architecture.
youssef@forge:~$
Featured Projects
A curated selection of digital experiences, applications, and developer tools I've built.
Digital Electronics E-commerce
A responsive e-commerce platform for digital products with Firebase authentication, realtime database, Redux for global state management, and shopping cart system.
React.jsTypeScriptReduxBootstrap
Tashtiba Multi-Vendor E-commerce
A fully functional multi-role E-commerce platform with three main roles: End User, Vendor Admin, and Super Admin. Features include role-based routing, multi-language support, reusable components, and React Query integration.
React.jsTypeScriptTailwind CSSReact Queryi18next
Latest Blog Posts
Writing on web engineering, frontend frameworks, and the art of crafting web products.
Understanding State Snapshots & Batching in React
Ever called setState multiple times and wondered why React didn't update the value instantly? The answer isn't that useState is simply "asynchronous". It's all about State Snapshots and Batching—two core concepts that make React fast while keeping your UI consistent.
1 month ago5 min read
useRef in React: The Magic Behind That Tiny Object
Most developers use useRef, but few understand what happens behind the scenes. Let's uncover the simple object powering one of React's most useful hooks
1 month ago5 min read
The Next.js 15 SEO Nightmare: How to Fix the Streaming Metadata Issue
Wondering why your <meta> tags are injected outside the <head> in Next.js 15? Discover the root cause behind this streaming bug and the quick next.config.js solution.
5 months ago5 min read
Understanding React Fiber
Learn how React Fiber solves UI lag by breaking rendering into smaller tasks.
5 months ago5 min read
Improving React Performance with useTransition
Learn how to use useTransition to split updates and defer heavy tasks to keep the UI responsive.
5 months ago5 min read
Subscribe to My Newsletter
Get the latest updates on my projects, blog posts, and tech insights delivered straight to your inbox.