Vanilla JS | Void Canvas

Understanding JavaScript promises & asynchronization using real life examples

Paul Shan
1st Apr 2018
Vanilla JS

It has been almost 6 years now that I have been coding/programming in JavaScript with various organizations. During the period I’ve noticed that JavaScript promises are one of the most commonly used thing in all kind of codebases; and this is also one of the hardest things for a newbie

17 JavaScript / node.js performance coding tips to make applications faster

Paul Shan
12th Mar 2018
Node JS

Though JavaScript has the highest number of developers in its community with respect to any other language on earth at this moment; there are a lot of misconceptions, shallow knowledge, bad assumptions among the community members. In this article we have come up with a list of tips, which

Node.js event loop workflow & lifecycle in low level

Paul Shan
19th Feb 2018
Node JS

A year back while describing the differences between setImmediate & process.nextTick, I wrote a bit on the low level architecture of node’s event-loop. Surprisingly, the readers of that post became more interested about the event-loop part, than the rest of the parts and I have received a lot of responses

ES6 Set vs WeakSet vs Arrays – Describing the differences

Paul Shan
23rd Oct 2017
ES6

If you have used languages like Ruby, Python or Java, surely you have interacted with Set. Set has been introduced to JavaScript little late, in 2015, version 6 (ES6). The inclusion of Set & WeakSet has increased the efficiency of data storing & flexibility of JS. In this article I

All type of loops in JavaScript, a brief explanation

Sandip
5th Oct 2017
Vanilla JS

In English the word Loop suggests a shape produced by a curve that bends round and crosses itself. From the similar concept the word Loop has been included in programming world. If you see the diagram below, it will be clear to you how the flow of instruction is getting

Diving deep into JavaScript array – evolution & performance

Paul Shan
2nd Sep 2017
ES6

Before starting the article I would like to state that this is not about the basic of JavaScript array. Neither about teaching syntaxes or showing usage examples. The article is more about memory representation, optimization, behavior differences over syntaxes, performance and the recent evolution. When I started using JavaScript for the

Create / filter an array to have only unique elements in it

Sandip
31st Aug 2017
Vanilla JS

At some point while coding we all may have searched how to create an array with all unique values in it. Well for an amateur, code for this one can get a little lengthy but bit research on the web can surely help him to write efficient code. In this

import vs require – ESM & commonJs module differences

Paul Shan
13th Mar 2017
Vanilla JS

ECMAScript Modules (ESM) are still in stage 3 (not finalized). require import Dynamic evaluation Static evaluation Throws error at runtime Throws error while parsing Non lexical Lexical As Node.js uses commonJS moduling, I will refer to the workflow of node to address the commonJS modules. And will refer the ECMAScript modules as ESM. Syntax difference CommonJS dep.js

dep = {
    foo: function(){},
    bar: 22
}
module.exports = dep;

1

2

3

4

5

6

dep = {

foo: function(){},

bar: 22

}

module.exports = dep;

app.js

var dep = require("dep");
console.log(dep.bar);
dep.foo();

1

2

3

4

var dep = require("dep");

console.log(dep.bar);

dep.foo();

ESM dep.js

export foo function(){};
export const bar = 22;

1

2

3

export foo function(){};

export const bar = 22;

app.js

import {foo, bar} from "dep";
console.log(bar);
foo();

1

2

3

4

import {foo, bar} from "dep";

console.log(bar);

foo();

Loading technique difference What Node.js does with

Posts in Category: vanilla js

Understanding JavaScript promises & asynchronization using real life examples

17 JavaScript / node.js performance coding tips to make applications faster

Node.js event loop workflow & lifecycle in low level

ES6 Set vs WeakSet vs Arrays – Describing the differences

All type of loops in JavaScript, a brief explanation

Diving deep into JavaScript array – evolution & performance

Create / filter an array to have only unique elements in it

import vs require – ESM & commonJs module differences

Void Canvas

EcmaScript.in