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 class="menuSection"></div> is a “child” of
<div id="container"></div> and a sibling to
<div class="footerSection"></div>. Think of it like a family tree.
<div id="container"></div> is a parent, with its children on the next level, each on their own “branch”.
Adding nodes to the DOM
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 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. …
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…
New to Medium — Associate consultant by profession — JS and ReactJS Developer — Loves cooking and travelling.