Search for a command to run...
Hello there! I'm Ajinkya Chanshetty.
I have 8+ Years of experience in software development with Web UI technologies. My tech stack includes Front end technologies: HTML5, CSS3, Bootstrap, SCSS, JavaScript, ES6, TypeScript UI Frameworks: Angular V10,12,14 and ReactJS, Redux, NgRx, NextJS Server-side Programming languages: JAVA, NodeJS Database: MongoDB, MySQL Also have Strong Problem-Solving Skills, and knowledge of Data Structures, and Algorithms
No comments yet. Be the first to comment.
You might have noticed the different shades of the moon. There's that one bright full moon that comes once every month, and then, little by little, it starts fading every day. It happens all the time,
Sometimes, out of nowhere, nostalgia hits you. You could be sitting in your room, walking alone on a quiet evening, or listening to an old song, and suddenly the memories of your school days come rush
We’ve all had moments where we lose our cool. You’re mad, your heart’s pounding, and suddenly you say, “You never listen!” or “Why do you always screw up?” It feels like a relief for a second, like letting out a big breath. But then you see their fac...
Life has a funny way of teaching us things, especially through the people we meet and the friendships we make. One big lesson it teaches is about karma—what goes around, comes around. Your actions, your thoughts, everything comes back to you somehow....
This morning, I went to the bank. I had a small task to complete, and the staff asked me to sit for a while. As I sat there, I pulled out my phone and started scrolling aimlessly. I was only focused on my work at the bank—nothing more. I remembered h...
Let's consider the Facebook application which is based on React and it has multiple components like a sidebar, header, footer, and the main content.
Whenever someone posts something that comes to your feed without refreshing the complete page. In this scenario, only the main content part is changed keeping the other components constant.
You might have heard about this fancy technique of Virtual DOM in ReactJS which makes it faster as compared to other frameworks like Angular and VueJS. But does it make the React faster or just the USP for marketing it, let have a look at it.
React makes the DOM tree-like structure of all the components internally called the VDOM.
React has a virtual DOM which is a copy of the actual DOM and is kept in the browser Memory in the form of a javascript object. React also has the state and props, which holds the data of the application and is used to pass that across the components in the hierarchy.
Whenever the change in the data means state or props of the component changes then it creates another virtual DOM. Now, the comparison between the previous and the updated VDOM takes place. This checking takes place using 'Diffing Algorithm' and it's quite faster than checking with the actual DOM.
Thus, whatever the changes are detected in the comparison of the two virtual DOMs in the memory gets updated in the actual DOM directly. This process is known as 'Reconciliation.
Rendering of the DOM is a very tedious and slow process. Because it involves the CSS parsing for the layout changes and HTML parsing for UI calculations. Hence, Virtual DOM is faster in comparison because it does not involve the complete render of the page.
Well, that's it for now, Happy Reading :)