Skip to main content
Mohammad Shehadeh — home (MSH monogram, letter M filled with the Palestinian flag)

Blog Articles

Thoughts on software development, web technologies, React, JavaScript, CSS, and everything in between. Explore articles on modern web development practices and frontend engineering insights.

June 6, 20264 min
General
Git Worktrees: Work on Multiple Branches at Once
Git worktrees let you check out several branches at once in separate folders. Skip the stash dance, review PRs, and run parallel work without losing your place.
June 2, 20265 min
General
Coupling Isn't Bad, Bad Coupling Is
Coupling is unavoidable in software. The danger is coupling done wrong, like giant form files and sprawling config objects that quietly destroy maintainability.
June 2, 20263 min
Javascript IconJavaScript
Declarative vs Imperative Programming
Understand the difference between declarative and imperative programming in JavaScript, with practical examples and when to reach for each style.
June 2, 20263 min
Javascript IconJavaScript
Event Delegation in JavaScript
Learn how event delegation works in JavaScript, why it relies on event bubbling, and how a single listener can handle hundreds of elements efficiently.
April 14, 20264 min
General
Embrace Good Enough: Stop Waiting for Perfect
Learn why perfection paralyzes and how accepting "good enough" accelerates growth, ships results, and improves your work.
March 14, 20263 min
General
CSRF Attacks: How Hackers Can Hijack Your Users Accounts
Learn how CSRF attacks work and discover proven defense strategies including tokens, SameSite cookies, and request validation to protect your application.
March 14, 20264 min
General
XSS Attacks: How Malicious Code Hijacks Web Applications
Learn how XSS attacks inject malicious scripts and discover proven defenses including input validation, output encoding, and Content Security Policy.
March 11, 20265 min
General
Duplication Is Far Cheaper Than the Wrong Abstraction
Why premature abstractions cost more than duplicated code, and how to know when it is the right time to abstract.
March 11, 20264 min
Javascript IconJavaScript
Deep Call Chains vs Orchestrator Pattern
Learn why deep call chains create tightly coupled code and how the orchestrator pattern makes your functions independent, testable, and easier to trace.
January 31, 202610 min
CSS3 IconCSS
Understanding env() Safe Area Insets in CSS
Learn how to use CSS env() function and safe area insets to create layouts that work perfectly on devices with notches, rounded corners, and dynamic toolbars.
January 6, 20262 min
General
Minesweeper Algorithms Explained
Deep dive into the algorithms behind Minesweeper - grid generation, mine placement, neighbor counting, flood fill reveal, and game state management.
January 6, 20262 min
General
Sudoku Algorithms Explained
Deep dive into Sudoku algorithms - puzzle generation, backtracking solver, constraint validation, and candidate calculation.
December 19, 20255 min
General
Understanding TypeScript Generics
Generics are TypeScript's way of creating reusable components that work with multiple types rather than a single type.
October 4, 20256 min
General
The Mental Model of SQL: Understanding Database Queries
Master SQL with a clear mental model. Learn how SQL queries work, understand JOINs, subqueries, and performance optimization through practical examples and visual explanations.
October 1, 20254 min
Javascript IconJavaScript
JavaScript Weird Parts: Understanding the Quirks
Explore the strange and unexpected behaviors in JavaScript. Learn about equality quirks, type coercion magic, object coercion, and the Abstract Equality Comparison Algorithm with practical examples.
October 1, 20255 min
CSS3 IconCSS
CSS Selectors: A Comprehensive Guide
Master CSS selectors - the patterns used to match and style HTML elements. Learn basic selectors, combinators, pseudo-classes, pseudo-elements, and advanced selector techniques with practical examples.
June 9, 20255 min
React
Understanding React Server Components
Learn everything about React Server Components (RSC) - how they work, their benefits, practical examples, and when to use them in your Next.js applications. Complete guide with code examples.
June 1, 20253 min
React
Atomic Design Principles
Complete guide to Atomic Design methodology for building scalable design systems. Learn about atoms, molecules, organisms, templates, and pages with React examples and best practices.
March 30, 20253 min
React
Understanding React Fundamentals
Complete guide to React fundamentals including components, state management, props, hooks, and Virtual DOM. Learn React basics with practical examples and best practices for modern web development.
June 20, 20242 min
Javascript IconJavaScript
Scope in JavaScript
Master JavaScript scope concepts including global, function, and block scope. Learn about variable accessibility, hoisting, and the differences between var, let, and const with practical examples.
May 10, 20243 min
General
Understanding SameSite Cookies
Master SameSite cookies for enhanced web security. Learn about Strict, Lax, and None attributes, CSRF protection, and browser cookie restrictions with practical examples and best practices.
May 10, 20242 min
CSS3 IconCSS
Auto-fit vs Auto-fill in CSS Grid
Master CSS Grid responsive layouts with auto-fit and auto-fill. Learn the key differences, when to use each, and create responsive designs without media queries using practical examples.
April 8, 20245 min
General
How to Improve Web Accessibility
Complete guide to web accessibility best practices. Learn semantic HTML, ARIA roles, heading hierarchy, accessible forms, and inclusive design techniques to create websites usable by everyone.
March 31, 20243 min
General
Understanding How The Browser's Pixel Pipeline Works
Master browser rendering performance with the pixel pipeline. Learn about JavaScript, Style calculations, Layout, Paint, and Composite stages to eliminate jank and optimize web performance.
March 17, 20242 min
General
What is Cross-Origin Resource Sharing (CORS)?
Master CORS (Cross-Origin Resource Sharing) - understand browser security, preflight requests, credentials, and how to configure CORS properly. Complete guide with practical examples and troubleshooting.
February 25, 20242 min
General
How I Use Zod with Wordle Unlimited
Learn practical Zod validation techniques through Wordle Unlimited. Discover runtime type safety, localStorage validation, error handling, and schema design for game development and data validation.
February 20, 20243 min
Javascript IconJavaScript
Understanding Event Loop in JavaScript
Complete guide to JavaScript event loop - how single-threaded JavaScript handles asynchronous operations. Learn about call stack, callback queue, web APIs, and microtasks vs macrotasks with practical examples.
February 18, 20243 min
General
Deep Dive Into TypeScript Utility Types
Master TypeScript utility types including Partial, Required, Pick, Omit, Record, and advanced types. Learn type manipulation, practical examples, and best practices for type-safe development.
February 11, 20245 min
General
Understanding HTTP Headers
Complete guide to HTTP headers - learn about request and response headers, authentication, caching, CORS, and security headers. Master web communication with practical examples and best practices.
February 8, 20242 min
Javascript IconJavaScript
Type Coercion in JavaScript
Understanding type coercion in JavaScript - the automatic conversion of values from one data type to another. Learn implicit vs explicit coercion with practical examples and best practices.
February 4, 20249 min
General
Data Validation with Zod
Master TypeScript-first data validation with Zod. Learn schema validation, type inference, error handling, form validation, and advanced Zod techniques with practical examples and best practices.
December 29, 20236 min
General
How Browsers Work
Comprehensive guide to browser internals - DNS resolution, HTTP exchange, HTML parsing, DOM construction, CSSOM, render tree, layout, painting, and compositing. Understand browser performance optimization.
November 4, 20233 min
CSS3 IconCSS
Introducing CSS Clip-Path Generator
Discover the CSS clip-path generator tool for creating custom shapes and visually appealing designs. Learn about clip-path property, shape creation, and practical web design applications.
GET IN TOUCH

Let's work together

I build fast, accessible, and delightful digital experiences for the web. Whether you have a project in mind or just want to connect, I'd love to hear from you.

Get in touch

or reach out directly at hello@mohammadshehadeh.com