Omar Shabana

React's useEffect hook

Wed, 18 Mar 2026 23:53:55 +0200

React’s useEffect hook is a powerful tool for managing side effects in functional components. It allows you to perform tasks like data fetching, subscriptions, or manual DOM manipulations after the component has rendered.

Basic Syntax

The useEffect hook accepts two arguments: a function for the effect and an optional array of dependencies.

useEffect(() => {
 // Side effect logic goes here
}, [dependencies]);

Dependency Behaviors

The way useEffect triggers depends on the dependency array provided:

My Journey into Web Development

Wed, 18 Mar 2026 23:51:59 +0200

The journey didn’t start in a classroom or a high-tech lab; it started in a messy bedroom with a cheap laptop and a sudden, burning curiosity about how the “Inspect Element” tool actually worked. I remember the visceral thrill of changing a background color from white to #ff0000 (an aggressive, eye-searing red) and realizing that the internet wasn’t some immutable monolith. It was a construction site, and I had just found a hammer.

My First Post

Wed, 18 Mar 2026 00:00:00 +0000

Hello world! This is my first blog post.

This is a test for fork syncing

what should happen:

changes on upstream sync with fork every hour
website content should update