Last updated on 2023–02–06 to include changes up to TS 4.9.4 What is TypeScript TypeScript is a programming language created by Microsoft in 2010. On October, 1st, 2012 TypeScript was publicly unveiled. Later on, in November 2014 the Angular team at Google joined the effort. TypeScript started from a problem that was observed…

Last updated on 2023–01–14 Function composition vs function decorator Function composition and function decorator are two different techniques for combining functions. In programming, the function is one of the most important abstraction for building application, especially as functional programming is gaining momentum. It is thus quite important to know these two techniques and also their…

What is HOC ? Higher-Order Component is a pattern in React invented by Sebastian Markbåge in early 2015. Even though HOC was first created in the context of Class component, HOC can also be used with Functional components. HOC started to gain traction after Andrew Clark — co-author of Redux — released the utility…

In this article we will see how to implement a complex tracking mechanism using React Hooks. We would like to track a very specific event, namely when a piece of UI is actually viewed by users. Use case Blick.ch is one of the largest online news portals based in Switzerland. Our home…

The Strategy pattern is one of the most used design pattern in the object-oriented programming (OOP) world. It was coined by the so-called Gang of Four. Starting point We’d like to implement a binary function (two parameters) adding two numbers. const a = 10; const b = 32; const add = (a, b) =>…

Last updated on 2023–01–12 “Any application that can be written in JavaScript, will eventually be written in JavaScript”. — Jeff Atwood, 2007 Functional programming got a lot of attention over the last years even though it’s there for a while, since McCarthy designed LISP from 1958. …

ES2016 introduced async functions. This feature was proposed by Brian Terlson. async/await construct is inspired by .NET. The goal of async function is to write code as if each instruction would be executed one after another (synchronously) but still having the things done asynchronously. An async function returns a promise. Aside …

Introduction In this tutorial all steps for building a GraphQL API are detailed. On that purpose we are going to use mainly the following Node.js modules, Express.js, Sequelize, Apollo 2.0 server and Apollo 2.0 client. The first one is a lightweight web framework while the second one is an ORM for…