Sep 1, 2021

Let, const and Temporal dead zone

Sometime you might ask yourself that why JavaScript came up with let and const in ES6, although var is already there. I will answer it at the end. There are many benefits of using let and const over var. I will not go through all of these. To understand the temporal dead zone in a simple words, please go through my blog, “Let, const and Temporal dead zone” .

Java Script

1 min read

Let, const and Temporal dead zone

Sometime you might ask yourself that why JavaScript came up with let and const in ES6, although var is already there. I will answer it at the end. There are many benefits of using let and const over var. I will not go through all of these.

To understand the temporal dead zone in a simple words, please go through my blog, “Let, const and Temporal dead zone” .

Dec 11, 2019

Create react application from scratch

The user interface frameworks and libraries of Javascript programming language work in a cycle. After every six months, they change positions and a new one pops up. From past four years I am using react.js. It is an UI library backed by facebook. …

Java Script

2 min read

Oct 22, 2019

JavaScript map and forEach — a comparison

In this blog we are going to talk about the usage of these higher order functions. Map forEach I always getting asked about the usage of these function by my colleagues and friends. Sometime we get confused while using these functions to do some operations on the array. We have…

Java Script

1 min read

Jan 16, 2019

JavaScript Object — Add member conditionally using spread operator

You might have faced situations where you needed to create JavaScript object on basis of some condition. I had such situations where I needed to create user object and add a flag “isVerified”: true if the user’s email is verified. To know more about it please check my blog.

Java Script

1 min read

Jun 26, 2018

Dealing with Javascript falsy values

Javascript has it’s own way of dealing with values. Developers from Java or any object oriented programming background get confused while dealing with falsy values. That may leads to some mistakes. Let’s try to understand, what is the meaning of falsy values in Javascript. To read complete blog, please visit my website.

Java Script

1 min read

Jun 13, 2018

Spread Operator — in depth!

If you are using ES6(es2015) then you might have knowledge on spread operator. Spread syntax The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the…developer.mozilla.org I am going to share my experience, and problems I faced while using it with object. We will see how this spread operator works. Case 1: Using spread operator and Object.assign is one way of practicing immutability…

Java Script

5 min read

Jun 11, 2018

React suspense — defer rendering

Most hard working and smart guys are working for ReactJS library. I can say, they have better understanding of real time problems with UI. That’s why people see reactjs as a solution and use it to make complicated UIs. Reactjs trying to make things easy for both developers and end…

Java Script

4 min read

Apr 28, 2018

Playing with Component lifecycle methods of React 16.3

This diagram is not valid for React v16.4. In React 16.3, new component life-cycles has been introduced. As per reactjs official doc, these life-cycle methods are replacing existing ones. New life-cycle methods are: static getDerivedStateFromProps() getSnapshotBeforeUpdate() Deprecated methods are: componentWillMount became, UNSAFE_componentWillMount componentWillReceiveProps became, UNSAFE_componentWillReceiveProps

React

3 min read

Apr 6, 2018

React’s new powerful Context API

Yeah, react 16.3 has come up with it’s new Context API which is more powerful. You can go through the official documentation. Context - React Context provides a way to pass data through the component tree without having to pass props down manually at every…reactjs.org We have to use following APIs to get real taste of “NEW CONTEXT API”. React.createContext Provider Consumer To create the context we need use it’s first API.

React

4 min read

Apr 4, 2018

Problems with previous React Context API

I will discuss the problems about context API of react version less than 16.3 . Let’s checkout a simple app which displays date and time. Here, we have the following components. App DateTimeDisplay MyClock App.jsx class App extends React.Component { constructor(props) { super(props); }…

Java Script

3 min read