Image from TSH(The Software House)

TypeScript is a programming language developed and maintained by Microsoft. It is a strict syntactical superset of JavaScript and adds optional static typing to the language. TypeScript is designed for the development of large applications and transcompiles to JavaScript.

Stricter programming languages will inform the developer when they change one area of code in a way that will break other areas. JavaScript will not, which often leads to unexpected behavior at runtime.

To address these shortcomings, Microsoft developed TypeScript and released it publicly in 2012 to blend the flexibility of JavaScript with the advantages of a stricter language.

According to…


Setting up a compiler for your project is a big task. In this article, we will tackle, how to make your own simple online compiler in ReactJs using the Judge0 in less than 200 lines of Code( Interesting isn’t it ? )

Judge0 is a robust and scalable open-source online code execution system. It can be used to build a wide range of applications varying from competitive programming platforms, educational and recruitment platforms, to online code editors, and more.

We will Set up a compiler that supports 4 languages viz. C/C++/Python and Java.

Judge0 supports more than 50+ languages. For…


Image from Brain Technosys

In this article, we will investigate several ways to avoid replication/duplication of code and reduce complexity. Generally, in programming, this means putting the reused code into reusable containers like functions and objects. In express specifically, this will also mean composing our desired functionality into a series of Middleware functions.

Before we proceed first let us see what exactly DRYing code means?

What do You mean by DRY?

Don’t repeat yourself (DRY, or sometimes do not repeat yourself) is a principle of software development aimed at reducing repetition of software patterns, replacing it with abstractions, or using data normalization to avoid redundancy.

A code that performs the…


Header Image

While creating a class component in React we often pass props as an argument to the super method in the constructor of the component. In this article we will dig deep into why do we need to pass props to super method and what if we don’t?

But before we proceed let’s understand an example:

Consider a class named “Model” which will inherit the methods from the “Car” class, by using the extends keyword.

By calling the super() method in the constructor method, we call the parent's constructor method and gets access to the parent's properties and methods:

class Car{…


Hello there! Before we dive into binding event Handlers in React we need to understand the this keyword first.

this keyword is one of the things that confuses a lot of developers. I, too, was confused with it for a long time.

In this article, I will try to make it super simple to grasp the concept easily.

What is “this”?

The JavaScript this keyword refers to the object it belongs to.

It has different values depending on where it is used:

  • In default mode this inside a regular function refers to the global object(i.e window in browser)

Akash Gupta

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store