Abdallah Hemdan

Hey, I'm Abdallah Hemdan

Frontend @Wondercraft

Frontend System Design - #12 Icon rendering - Part #1 بالعربي
Video

Frontend System Design - #12 Icon rendering - Part #1 بالعربي

Frontend System Design - #11 Pagination بالعربي
Video

Frontend System Design - #11 Pagination بالعربي

Frontend System Design - #10 Customizing Component Appearance بالعربي
Video

Frontend System Design - #10 Customizing Component Appearance بالعربي

Frontend System Design - #9 Component API Guides بالعربي
Video

Frontend System Design - #9 Component API Guides بالعربي

Frontend System Design - #8 RADIO - Optimizations بالعربي
Video

Frontend System Design - #8 RADIO - Optimizations بالعربي

Frontend System Design - #7 RADIO - Interface definition بالعربي
Video

Frontend System Design - #7 RADIO - Interface definition بالعربي

Frontend System Design - #6 RADIO - Core entities بالعربي
Video

Frontend System Design - #6 RADIO - Core entities بالعربي

Frontend System Design - #5 RADIO - High-Level Design بالعربي
Video

Frontend System Design - #5 RADIO - High-Level Design بالعربي

Frontend System Design - #4 RADIO - Requirement Exploration بالعربي
Video

Frontend System Design - #4 RADIO - Requirement Exploration بالعربي

Frontend System Design - #3 System Design vs Architecture بالعربي
Video

Frontend System Design - #3 System Design vs Architecture بالعربي

Frontend System Design - #2 FE vs. BE System Design بالعربي
Video

Frontend System Design - #2 FE vs. BE System Design بالعربي

Frontend System Design - #1 Introduction بالعربي
Video

Frontend System Design - #1 Introduction بالعربي

Frontend Performance - #20 Compressing JavaScript بالعربي
Video

Frontend Performance - #20 Compressing JavaScript بالعربي

How We Migrated Our Frontend While Scaling at Luciq
Blog Post

How We Migrated Our Frontend While Scaling at Luciq

EgyptJS May 2024 Meetup
Video

EgyptJS May 2024 Meetup

Frontend Performance - #19 Virtual Scrolling بالعربي
Video

Frontend Performance - #19 Virtual Scrolling بالعربي

Frontend Performance - #18 BundlePhobia بالعربي
Video

Frontend Performance - #18 BundlePhobia بالعربي

Frontend Performance - #17 Bundle Analyzer بالعربي
Video

Frontend Performance - #17 Bundle Analyzer بالعربي

Frontend Performance - #16 Tree Shaking بالعربي
Video

Frontend Performance - #16 Tree Shaking بالعربي

Provide and Inject | Ep. 20 | POV
Video

Provide and Inject | Ep. 20 | POV

Understanding Watchers | Ep. 19 | POV
Video

Understanding Watchers | Ep. 19 | POV

Async Components | Ep. 18 | POV
Video

Async Components | Ep. 18 | POV

From React to Vue - Part 2 | Ep. 17 | POV
Video

From React to Vue - Part 2 | Ep. 17 | POV

From React to Vue - Part 1 | Ep. 16 | POV
Video

From React to Vue - Part 1 | Ep. 16 | POV

Keeping Components Alive | Ep. 15 | POV
Video

Keeping Components Alive | Ep. 15 | POV

Frontend Performance - #15 Resource Hints | prefetch بالعربي
Video

Frontend Performance - #15 Resource Hints | prefetch بالعربي

Frontend Performance - #14 Resource Hints | preload بالعربي
Video

Frontend Performance - #14 Resource Hints | preload بالعربي

Instabug Frontend Task - Solution
Video

Instabug Frontend Task - Solution

Frontend Performance - #13 Resource Hints | dns-prefetch & preconnect بالعربي
Video

Frontend Performance - #13 Resource Hints | dns-prefetch & preconnect بالعربي

Dynamic Components | Ep. 14 | POV
Video

Dynamic Components | Ep. 14 | POV

Teleport Component | Ep. 13 | POV
Video

Teleport Component | Ep. 13 | POV

Data fetching in Vue.js | Ep. 12 | POV
Video

Data fetching in Vue.js | Ep. 12 | POV

Frontend Performance - #12 Action On Visibility بالعربي
Video

Frontend Performance - #12 Action On Visibility بالعربي

Frontend Performance - #11 Bundle Splitting بالعربي
Video

Frontend Performance - #11 Bundle Splitting بالعربي

Forms are hard | Ep. 9 | POV
Video

Forms are hard | Ep. 9 | POV

Frontend Performance - #10 Chrome Dev Tools بالعربي
Video

Frontend Performance - #10 Chrome Dev Tools بالعربي

Frontend Performance - #9 Synthetic Monitoring | WebPageTest بالعربي
Video

Frontend Performance - #9 Synthetic Monitoring | WebPageTest بالعربي

Testing Overview | EP. 7 | POV
Video

Testing Overview | EP. 7 | POV

Frontend Performance - #8 Real User Monitoring | NewRelic بالعربي
Video

Frontend Performance - #8 Real User Monitoring | NewRelic بالعربي

Frontend Performance - #7 RUM vs Synthetic Monitoring بالعربي
Video

Frontend Performance - #7 RUM vs Synthetic Monitoring بالعربي

Migrating to Vue 3 | Ep. 5 | POV
Video

Migrating to Vue 3 | Ep. 5 | POV

State Management | Ep. 4 | POV
Video

State Management | Ep. 4 | POV

Frontend Performance - #6 Core Web Vitals - INP بالعربي
Video

Frontend Performance - #6 Core Web Vitals - INP بالعربي

Frontend Performance - #5 Core Web Vitals - CLS بالعربي
Video

Frontend Performance - #5 Core Web Vitals - CLS بالعربي

Rendering | Ep. 3 | POV A Point of Vue
Video

Rendering | Ep. 3 | POV A Point of Vue

Front End | CMP Podcast w: Abdallah Hemdan
Video

Front End | CMP Podcast w: Abdallah Hemdan

Frontend Performance - #4 Core Web Vitals - LCP بالعربي
Video

Frontend Performance - #4 Core Web Vitals - LCP بالعربي

Frontend Performance - #3 Introduction to Web Vitals بالعربي
Video

Frontend Performance - #3 Introduction to Web Vitals بالعربي

Frontend Performance - #2 Critical Rendering Path بالعربي
Video

Frontend Performance - #2 Critical Rendering Path بالعربي

Frontend Performance - #1 Introduction بالعربي
Video

Frontend Performance - #1 Introduction بالعربي

Frontend System Design - Part 2
Blog Post27,677 views

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
Blog Post38,182 views

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)
Blog Post12,499 views

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
Blog Post8,662 views

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
Blog Post15,336 views

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]
Blog Post14,035 views

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]
Blog Post14,322 views

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
Blog Post19,641 views

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]
Blog Post15,323 views

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
Blog Post13,141 views

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
Blog Post10,701 views

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
Blog Post16,266 views

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)
Blog Post13,349 views

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…