AHAbdallah Hemdaninhemdan.hashnode.dev·May 11, 2022 · 13 min readFrontend System Design - Part 2In the previous article, we introduced our frontend system design framework, discussed the different types of frontend design problems, and covered the best practices for component architecture, designing the state of components, and ended up definin...05EASMW
AHAbdallah Hemdaninhemdan.hashnode.dev·May 7, 2022 · 8 min readFrontend System Design - Part 1The 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 technical decisions the team took, the tradeoffs, design patterns, rendering patterns, perform...15EMMLD
AHAbdallah Hemdaninhemdan.hashnode.dev·Jan 11, 2022 · 8 min readActions On VisibilitySo 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 @Instabug which affected the first-time load of these pages significantly. After that, I tho...02DO
AHAbdallah Hemdaninhemdan.hashnode.dev·Jun 18, 2021 · 5 min readCSS NestingWhen 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 CSS preprocessors (scripting languages that extend the default capabilities of CSS) like Sas...01R
AHAbdallah Hemdaninhemdan.hashnode.dev·Jun 8, 2021 · 5 min readJavaScript 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 JavaScript code in detail, also discussed minimizing globals, Environment global object, The...00