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…
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?
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…
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
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:
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.
this keyword refers to the object it belongs to.
It has different values depending on where it is used:
thisinside a regular function refers to the global object(i.e window in browser)