Eslam Hefnawy Serverless Architect at Serverless, Inc. Co-creator of the Serverless Framework and the lead architect of Serverless Components.

Stories by Eslam Hefnawy

SCSS Styled-Components Advantages Caveats

SCSS vs. styled-components: Advantages and caveats

Dev

Some developers prefer the stability and more universal character of Sass over the novelty of styled-components. But if you’re willing to climb the steeper learning curve, styled-components offers more in the way of reusability and customization.

Eslam Hefnawy
Apr 6, 2023 ⋅ 7 min read
Beginner's Guide to the JavaScript `this` Keyword

Beginner’s guide to the JavaScript this keyword

Dev

We attempt to demystify JavaScript’s this keyword and, in doing so, help you practice debugging issues that would otherwise be quite complex.

Eslam Hefnawy
Oct 23, 2020 ⋅ 5 min read
How JavaScript Closures Work, in Plain English

How JavaScript closures work, in plain English

Dev

Closures are a widely discussed topic in the world of functional programming, but they’re often defined loosely and in technical jargon. We’ll do our best here to explain how JavaScript closures work in layman’s terms.

Eslam Hefnawy
Oct 7, 2020 ⋅ 4 min read
ES6 Keyed Collections: Maps and Sets

ES6 keyed collections: Maps and sets

Dev

JavaScript keyed collections are structured collections of data that store values and provide methods for easily accessing them. In this guide, we’ll take a closer look at maps and sets and examine their syntax, how they differ from objects and arrays, and what methods they offer.

Eslam Hefnawy
Jun 17, 2020 ⋅ 5 min read
How TypeScript Design Patterns Help You Write Better Code

How TypeScript design patterns help you write better code

Dev

This tutorial explains the importance of design patterns in a modern codebase; demonstrates how to implement the observer, builder, and prototype design patterns in TypeScript; and breaks down the concept behind each pattern.

Eslam Hefnawy
Jun 10, 2020 ⋅ 5 min read
Testing State Changes in Functional Components

Testing state changes in React functional components

Dev

This tutorial demonstrates how to test your React functional components and the state changes for components that use hooks, with Jest and Enzyme as testing libraries.

Eslam Hefnawy
Jun 1, 2020 ⋅ 5 min read
Practical use cases for JavaScript ES6 proxies

Practical use cases for JavaScript ES6 proxies

Dev

Metaprogramming is a powerful technique that enables you to write programs that can create other programs. Learn how ES6 proxies make it easier to perform metaprogramming in JavaScript.

Eslam Hefnawy
May 15, 2020 ⋅ 5 min read
Understanding Symbols in JavaScript

Understanding symbols in JavaScript

Dev

This tutorial demonstrates how to use JavaScript symbols to define unique property values as well as keys for identifying object properties.

Eslam Hefnawy
May 5, 2020 ⋅ 6 min read