Nitish Jhanitishjha.hashnode.dev·Dec 15, 2024Rendering in ReactWhat is rendering in react ? React rendering is the process of converting react elements into UI elements that can be displayed on screen . The react elements are simple javascript object which contains the structure which we want to display / render...React
Kolapo Newtonknewton.hashnode.dev·Dec 9, 2024Understanding React’s Virtual DOM: How It Works and Why It’s PowerfulThe Virtual DOM is one of React's standout features, enabling efficient rendering and seamless user experiences. But how does it actually work? To understand its power, we need to explore what the Virtual DOM is, how it differs from the real DOM, and...React
Suhas Khobragadesuhaasya.hashnode.dev·Dec 7, 2024Understanding How Browsers Work: From HTML to Modern Web AppsModern web development can seem like magic, but understanding how browsers actually process and render our code is crucial for building efficient web applications. In this comprehensive guide, we'll break down the journey from HTML to pixels on your ...Web Development
shohanur rahmanshohan777.hashnode.dev·Nov 23, 2024Virtual DOM in React. A brief overview.Imagine you're working on a website, and you want to update something on the page, like changing some text or adding a new element. Your web page is actually a giant family tree with elements like div, p, img, table, span and many more, all interconn...Virtual DOM in React JS
shohanur rahmanshohan777.hashnode.dev·Nov 23, 2024React caches static imports internally.React caches the static data that are imported. This is an advanced feature that made me grind for a while. I will explain from my understanding how this works following the codebase I faced issue with this topic. As I render two different components...1 likeReact
kietHThashnext.hashnode.dev·Nov 5, 2024The Virtual DOM in ReactJS - Part 2 🌲🌲🌲Today, I want to introduce the virtual DOM and explain how it works. The Virtual DOM is a concept in React and many other modern JavaScript libraries to optimize performance and manage complex updates to the User Interface (UI) efficiently. It provid...virtual dom
Aayush Pantaayush-react-and-js.hashnode.dev·Oct 14, 2024How React Works: A Comprehensive Guide to JSX, Virtual DOM, and React FiberReact has grown to be one of the most widely used libraries for developing user interfaces and for a reason. This is because it gives a way to construct fast, interactive apps, though all the magic actually happens behind the scenes with how it handl...React
akanksha srivastavadeeplinking.hashnode.dev·Oct 13, 2024Virtual DOM ( Document Object Model)The virtual DOM is a concept in web development, particularly in libraries and framework like React, that optimizes the way changes to the UI are handled. How the virtual DOM works :- Real DOM : The regular DOM ( Document Object Model ) is a tree st...1 likeReact
Yusuf Uysalyusufuysal.hashnode.dev·Oct 8, 2024React Interview Questions (Part 4): Rendering and Performance OptimizationWhat is the virtual DOM, and how does React use it to improve performance? The virtual DOM is a lightweight, in-memory representation of the actual DOM. Instead of updating the entire real DOM every time a change occurs, React creates a new virtual D...React Interview QuestionsReact
Debajit Mallickdebajit13.hashnode.dev·Sep 30, 2024Demystifying Virtual DOM in ReactIntroduction Virtual DOM is one of the most crucial topics for a React Developer. The essence of how React renders on the web lies in virtual DOM. This article will explain how virtual DOM works and its nitty-gritty details. What is Virtual DOM? The ...Deep Dive Into ReactReact
