
Hey, I'm Abdallah Hemdan
Frontend @
Wondercraft
Frontend System Design - #12 Icon rendering - Part #1 بالعربي
Frontend System Design - #11 Pagination بالعربي
Frontend System Design - #10 Customizing Component Appearance بالعربي
Frontend System Design - #9 Component API Guides بالعربي
Frontend System Design - #8 RADIO - Optimizations بالعربي
Frontend System Design - #7 RADIO - Interface definition بالعربي
Frontend System Design - #6 RADIO - Core entities بالعربي
Frontend System Design - #5 RADIO - High-Level Design بالعربي
Frontend System Design - #4 RADIO - Requirement Exploration بالعربي
Frontend System Design - #3 System Design vs Architecture بالعربي
Frontend System Design - #2 FE vs. BE System Design بالعربي
Frontend System Design - #1 Introduction بالعربي
Frontend Performance - #20 Compressing JavaScript بالعربي
How We Migrated Our Frontend While Scaling at Luciq
EgyptJS May 2024 Meetup
Frontend Performance - #19 Virtual Scrolling بالعربي
Frontend Performance - #18 BundlePhobia بالعربي
Frontend Performance - #17 Bundle Analyzer بالعربي
Frontend Performance - #16 Tree Shaking بالعربي
Provide and Inject | Ep. 20 | POV
Understanding Watchers | Ep. 19 | POV
Async Components | Ep. 18 | POV
From React to Vue - Part 2 | Ep. 17 | POV
From React to Vue - Part 1 | Ep. 16 | POV
Keeping Components Alive | Ep. 15 | POV
Frontend Performance - #15 Resource Hints | prefetch بالعربي
Frontend Performance - #14 Resource Hints | preload بالعربي
Instabug Frontend Task - Solution
Frontend Performance - #13 Resource Hints | dns-prefetch & preconnect بالعربي
Dynamic Components | Ep. 14 | POV
Teleport Component | Ep. 13 | POV
Data fetching in Vue.js | Ep. 12 | POV
Frontend Performance - #12 Action On Visibility بالعربي
Frontend Performance - #11 Bundle Splitting بالعربي
Forms are hard | Ep. 9 | POV
Frontend Performance - #10 Chrome Dev Tools بالعربي
Frontend Performance - #9 Synthetic Monitoring | WebPageTest بالعربي
Testing Overview | EP. 7 | POV
Frontend Performance - #8 Real User Monitoring | NewRelic بالعربي
Frontend Performance - #7 RUM vs Synthetic Monitoring بالعربي
Migrating to Vue 3 | Ep. 5 | POV
State Management | Ep. 4 | POV
Frontend Performance - #6 Core Web Vitals - INP بالعربي
Frontend Performance - #5 Core Web Vitals - CLS بالعربي
Rendering | Ep. 3 | POV A Point of Vue
Front End | CMP Podcast w: Abdallah Hemdan
Frontend Performance - #4 Core Web Vitals - LCP بالعربي
Frontend Performance - #3 Introduction to Web Vitals بالعربي
Frontend Performance - #2 Critical Rendering Path بالعربي
Frontend Performance - #1 Introduction بالعربي

Frontend System Design - Part 2
In the previous article, we introduced our frontend system design framework, discussed the different types of frontend design problems, and covered the best pra…

Frontend System Design - Part 1
The Front-end applications are getting more complex day by day. And not everyone got a chance to be involved in the architecture design and got to know the tech…

Vue Patterns (Part — 2)
In this article, I will continue discussing some useful Vue patterns, techniques, tips, and tricks to define the responsibilities and behaviors of your componen…

Actions On Visibility
So a couple of months ago I come across Intersection Observer API which helped me a lot in lazy loading multiple BE requests on different pages on my work at @I…

CSS Nesting
When writing HTML you've probably noticed that it has a clear nested and visual hierarchy. CSS, on the other hand, doesn't SO FAR If you're not familiar with CS…
![JavaScript Patterns [Ch.2 | Part 2: Essentials]](proxy.php?url=/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1622488770944%2FxKP0gbUK3.jpeg&w=3840&q=75)
JavaScript Patterns [Ch.2 | Part 2: Essentials]
So in the previous article, we talked about part 1 of chapter 2 of Essentials which discussed essential best practices, and habits for writing high-quality Ja…
![JavaScript Patterns [Ch.2 | Part 1: Essentials]](proxy.php?url=/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1621638899227%2FgrNce45Jx.jpeg&w=3840&q=75)
JavaScript Patterns [Ch.2 | Part 1: Essentials]
So in the previous article, we talked about chapter 1 of Introduction which discussed patterns concepts in detail, also we discussed different essential concep…

Conventional Commits
Commit Messages are a clue to understanding the meaning of the code. It also gives insights related to the flow and direction of the project development and t…
![JavaScript Patterns [Ch.1: Introduction]](proxy.php?url=/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1619581163661%2FWKr-TnX39.png&w=3840&q=75)
JavaScript Patterns [Ch.1: Introduction]
So a couple of weeks ago I come across a very interesting book titled JavaScript Patterns by @Stoyan Stefanov which has a very good reputation, the book discus…

A/B testing in code
A couple of weeks ago (February 6th, 2021) I was attending Virtual Tech Meetup Event 6 hosted by @Sherif in which there was a talk by Hesham Ismail (Engineeri…

Functions as callbacks risks
This article is a summary of Jake Archibald's (Software Engineer at Google) article "Don't use functions as callbacks unless they're designed for it" which po…

Conventional Comments
In this article, we will talk more about the usage of conventional comments, how it saves hours of under-communication, and misunderstandings between team membe…

Vue Patterns (Part — 1)
In this article, I will be discussing some useful Vue patterns, techniques, tips, and tricks to define the responsibilities and behaviors of your components. Th…