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]
DISPATCHES // ARCHIVE INDEX ALTERNATING.SPEC
CHRONOLOGICAL TECHNICAL SPECIFICATIONS & ENGINEERING LOGS
SECTOR PAGE: 05 / 07
┌ ┐ └ ┘
ISSUE NO.
33
2024-08-16 • 3 MIN
Web Development

Scroll Problem in React Router

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

#React #React Router #ReactJS
OPEN DISPATCH
#33
BLUEPRINT // SPEC 33
┌ ┐ └ ┘
ISSUE NO.
34
2024-08-12 • 2 MIN
Web Development

Key Prop in React

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

#React #ReactJS #JavaScript
OPEN DISPATCH
#34
BLUEPRINT // SPEC 34
┌ ┐ └ ┘
ISSUE NO.
35
2024-08-09 • 4 MIN
Web Development

Understanding Automatic Batching in React

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

#React #ReactJS #JavaScript
OPEN DISPATCH
#35
BLUEPRINT // SPEC 35
┌ ┐ └ ┘
ISSUE NO.
38
2024-08-02 • 6 MIN
Web Development

Proxies in JavaScript

هنتكلم عن ال Proxies وتعال أفاجئك بسر بسيط Vue 3 مبني على الـ Proxies بشكل أساسي. في الإصدار الثالث من Vue، تم استخدام الـ Proxy لتحسين الأداء والتفاعل مقارنةً بالإصدار الثاني اللي كان بيعتمد على Object.defineProperty. فالمقال دا مش رفاهية لو متعرفش يعني إيه Proxy؟

#JavaScript #JS #Web Development
OPEN DISPATCH
#38
BLUEPRINT // SPEC 38
┌ ┐ └ ┘
ISSUE NO.
39
2024-08-01 • 3 MIN
Web Development

Mutation Observer in JS

هتكلم عن حاجة مش واخدة حقها في ال js وناس كتير متعرفهاش وهي ال MutationObserver الـ MutationObserver بيتيح لك تراقب التغييرات اللي بتحصل في DOM بتاعك بشكل فعال وسريع يعني إيه MutationObserver؟ MutationObserver هي API موجودة في JavaScript بتسمح لك تراقب أي تغيير بيحصل في DOM nodes. يعني لو حصل إضافة، حذف، أو تعديل لأي عنصر في الصفحة، الـ MutationObserver هيقدر يكتشف دا.

#JavaScript #JS #Web Development
OPEN DISPATCH
#39
BLUEPRINT // SPEC 39
01020304
05
0607
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.