The DOM (or Document Object Model) is a tree-like representation of the contents of a webpage — a tree of “nodes” with different relationships depending on how they’re arranged in the HTML document.

<div id="container">
<div class="menuSection"></div>
<div class="footerSection"></div>
</div>

Here, the is a “child” of and a sibling to . Think of it like a family tree. is a parent, with its children on the next level, each on their own “branch”.

Adding nodes to the DOM

New nodes can be added to the DOM with Javascript. createElement() method creates a new…


Performance related problems in web application is not new. Developers have been encountering these issues in almost every project they work on. React is one among such languages which is considered to be best in terms of delivering performance. Since the virtual DOM of react is popular for rendering components effectively, it becomes more important to focus on performance.

Here are few tips which helped me to improve the performance of my application while working on improving the lighthouse score.

Remove all inline functions

Function that is defined and passed down inside the render method of a React component is…


Redux is an open-source JavaScript library for managing application state. It is most commonly used with libraries such as React or Angular for building user interfaces.

Redux Toolkit was introduced with a purpose to be the standard way to write redux logic. It is said to be an opinionated, batteries-included toolset for efficient Redux development. By using this, you can write all the code you need for your Redux store in a single file, including actions and reducers. Using this you can make your code more readable. Redux toolkit includes all the tools, you want for a Redux application. …


In this article, we’ll cover some common concept-based JavaScript interview questions. There are many simple questions which look tricky at first glance. A clear understanding of the concepts may help us in overcoming these tricky questions.

After attending and conducting a couple of interviews for the role of frontend developer, I have come up with this article. Hope this helps you get ready for the interviews…

1. Understanding the concepts of Closure, Timeouts and Scoping.

Closure: In simple terms, this means that variables and properties inside a function are exclusive to that function, but the function can have access to…

Sourabh Sinha

New to Medium — Associate consultant by profession — JS and ReactJS Developer — Loves cooking and travelling.

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