SYS.ONLINE
[ ASK_ME ↗ ]
FIRST EDITION // VOL. 01 PRESS & TECHNICAL DISPATCHES

AG Coding.

Welcome to my personal Blog! Here, you can find an overview of my Articles as a Web Developer and Content Creator

// FILTER BY TOPIC SECTOR [2 SECTORS]
ALL_DISPATCHES Advanced React [1] Web Development [52]
INDEX.TAGS //
# Advanced [4] # Advanced CSS [1] # AJAX [1] # API [1] # Architecture [6] # Async [2] # Backend [6] # Caching [2] # Clean Code [1] # CSS [7] # Error Handling [1] # Frontend [1] # HTML [1] # HTTP [4] # Interview Questions [3] # JavaScript [38] # JS [32] # Memory [1] # Middleware [1] # Modules [1] # Next [1] # Next.js [3] # NextJS [3] # Node.js [6] # React [13] # React Router [1] # ReactJS [11] # Redux [1] # SCSS [1] # SSR [1] # State Management [1] # System Design [1] # tailwind [1] # Testing [1] # TypeScript [1] # V8 [1] # Web Browser [2] # Web Development [48] # Zustand [1] # Advanced [4] # Advanced CSS [1] # AJAX [1] # API [1] # Architecture [6] # Async [2] # Backend [6] # Caching [2] # Clean Code [1] # CSS [7] # Error Handling [1] # Frontend [1] # HTML [1] # HTTP [4] # Interview Questions [3] # JavaScript [38] # JS [32] # Memory [1] # Middleware [1] # Modules [1] # Next [1] # Next.js [3] # NextJS [3] # Node.js [6] # React [13] # React Router [1] # ReactJS [11] # Redux [1] # SCSS [1] # SSR [1] # State Management [1] # System Design [1] # tailwind [1] # Testing [1] # TypeScript [1] # V8 [1] # Web Browser [2] # Web Development [48] # Zustand [1]
ARCHIVE.LOG // CHRONOLOGICAL LEDGER

Every dispatch, in order.

The complete archive of engineering notes, dispatches, and deep dives. Filter by month, search topics, or browse by year.

Dispatches
11
Words
16k
Latest
MAY 03, 2025
PUBLISHING RHYTHM // MONTH STATISTICS Click a month to filter the ledger
JANFEBMARAPRMAYJUNJULAUGSEPOCTNOVDEC 2025 2024
11 / 11

2025 //
[3 posts]

  1. 03 MAY #01

    Event-based Code Replayer

    Scrimba مش platform بتسجّل فيديوهات screen capture زي أي كورس تقليدي، لأ، هما عندهم proprietary playback engine بيشتغل كـ event-based replayer. بدال ما يسجّلوا فيديو، هما بيسجّلوا كل حاجة بتحصل جوه الـ code editor كـ discrete DOM + editor-level events: keypresses, cursor movement, selection, deletions، وحتى clipboard interactions.

    Web Development #React#ReactJS#JavaScript#JS#Web Development · 19m
  2. 15 FEB #02

    How to optimize Next.js applications

    إزاي تحسّن تطبيقات Next.js بتاعتك عشان تبقى أسرع وأحسن

    Web Development #React#ReactJS#JavaScript#JS#Web Development#Next.js#NextJS · 8m
  3. 06 JAN #03

    React Server Components

    مش بس بشرحلك كيفية استخدام React Server Components، بس بشرحلك ليه هي ظهرت وإيه هو الـRsc Payload

    Web Development #React#ReactJS#Web Development#NextJS#Next.js · 14m

2024 //
[8 posts]

  1. 26 AUG #01

    useTransition Hook in React

    أي hook إتعمل بييجي عشان case محتاجها أو مشكلة أنا محتاج أحلها ، ال hook دا مهم لو عاوز تoptimize ال performance قبل ما نخش على الـ useTransition، لازم نفهم الأول المشكلة اللي بتواجهنا

    Web Development #React#ReactJS#JavaScript#JS#Web Development · 9m
  2. 24 AUG #02

    Virtual DOM in React

    خلينا نتكلم شوية عن السر اللي بيخلي المواقع المفضلة عندك سريعة ومستجيبة بالشكل ده. السر في الموضوع ده بيرجع لطريقة التعامل مع الـ DOM. الـ (Document Object Model) بيمثل الصفحة بتاعتك على هيئة structured tree. زمان كنا بنستخدم طرق في الـ JavaScript زي getElementById أو removeChild عشان نعمل تعديلات على الصفحة. لكن مع تعقيد المواقع الويب وتوسعها، الطرق دي ممكن تخلي الأداء بطيء. هنا بتيجي قوة React بالـ Virtual DOM اللي غيرت قواعد اللعبة تمامًا.

    Web Development #React#ReactJS#JavaScript#JS#Web Development · 8m
  3. 23 AUG #03

    Error Boundaries - The Security Net for Your App 🛡️

    ببساطة هما components في React بتتحط حوالين components تانية عشان تCatch أي أخطاء تحصل في الـrendering أو ال Lifecycle Methods بتاعة الcomponents دي. يعني زي شبكة أمان كده بتمنع التطبيق كله إنه ي failing لو فيه خطأ حصل في component معين. الفكرة إننا بدل ما المستخدم يشوف شاشة بيضا أو الأبلكيشن مش شغال بنعرضله fallback UIs

    Web Development #React#ReactJS#JavaScript#JS#Web Development · 5m
  4. 16 AUG #04

    Scroll Problem in React Router

    وإنت بتستخدم React Router أكيد قابلك المشكلة دي ،بشكل افتراضي، في أي تطبيق معمول بـReact Router، لما تعمل navigation من صفحة لصفحة تانية، الـscroll ما بيرجعش للأول، يعني لو كنت قافل الصفحة وانت في جزء معين منها، الصفحة التانية هتفتح وانت في نفس المكان.

    Web Development #React#React Router#ReactJS#JavaScript#JS#Web Development · 4m
  5. 12 AUG #05

    Key Prop in React

    مستحيل تكون اشتغلت بريأكت ومشوفتش ال Warning ده :( في اللحظة دي ممكن تفكر "ما هو مجرد تحذير"، لكن صدقني، الموضوع أخطر من كده. التحذير ده ممكن يكون سبب لمشاكل كبيرة في الـ application بتاعك إزاي تتعامل مع React Keys صح؟ 🤔

    Web Development #React#ReactJS#JavaScript#JS#Web Development · 3m
  6. 09 AUG #06

    Understanding Automatic Batching in React

    في React 18، ظهرت ميزة جديدة وهي Automatic Batching، اللي بتساعد في تقليل الـ renders وبالتالي بتحسن الأداء بشكل كبير. قبل ما نتكلم عن الـ Automatic Batching، خلينا نفهم الأول إيه اللي كان بيحصل في الفيرجنز اللي فاتت من React وإيه التغيير اللي حصل؟

    Web Development #React#ReactJS#JavaScript#JS#Web Development · 4m
  7. 05 AUG #07

    The Dark Side of useState - Traps and Gotchas in React

    تعال بقي أقولك علي 4 غلطات بشعة بتعملها وانت بتستخدم useState وهتخليك تشد ف شعرك لو لسه مبتدأ

    Web Development #React#ReactJS#JavaScript#JS#Web Development · 3m
  8. 01 AUG #08

    Why Props is Unchangeable in React

    وبما إنها unchangeable إيه الطريقة اللي خلوا بيها ال props تبقى unchangeable في ال js ?

    Web Development #React#ReactJS#JavaScript#JS#Web Development · 2m
TERMINAL.COLOPHON // CORE v2.5
LAST.DISPATCH: 2026.09.19
guest@ag-coding:~ (interactive-zsh)
LIVE CLI
// Welcome to AG Coding Interactive Terminal. Click a command below or type help:
guest@ag:~$ status --all
Indexed 53 dispatches (80.8K words / ~6.7 hrs reading time) across 2 sectors.
RUN //
RSS SITEMAP
01 // ISSUES ●
53
Published Articles
02 // CORPUS ≈ 6.7H
80.8K
Total Words Written
03 // SECTORS #
2/39
Categories & Tags
04 // UPTIME 99.9%
ONLINE
Static Edge Node
QUANTUM TELEPORTER // ROULETTE 1-CLICK JUMP
TARGET DESTINATION:
Race Conditions في React — لما الطلب القديم يسبق الجديد ويكتب فوقه
TELEPORT NOW ↗
RADAR.MONOLITH // GEOMETRIC VECTOR TYPOGRAPHY
SHAPE //
AG CODINGAG CODINGCAD.SCHEMATIC // VECTOR.GEOMETRY [60.0 HZ]SPEC.ID // AG-CODING-MONOLITH [SCALE 1:1]CHAMFER: 45.0° // LOCKED
© 2026 Abdoelaziz Gamal // ALL RIGHTS RESERVED.
30.0444° N, 31.2357° E ■ DESIGNED & ENGINEERED IN CAIRO
OPERATOR // RADAR.HUD
SCROLL.PROGRESS
00% LIVE
Abdoelaziz Gamal
LIVE
// CHIEF ARCHITECT
Abdoelaziz Gamal
REACT.JS NEXT.JS SYS.ARCH
root@ag-coding:~# cat dossier.log ● UTF-8

Full-stack engineer from Mansoura. 5+ years shipping TypeScript / Next.js products — dashboards, multi-tenant apps, CRM, LMS, e-commerce. Behind AG Coding.