Aishwarya Vermaaishwaryaverma28.hashnode.dev·Jul 21, 2024Understanding Real DOM vs. React Virtual DOM: A Simple GuideWhat is the DOM? To start, let’s understand what the DOM is. The DOM (Document Object Model) is a programming interface for web documents. It represents the structure of a webpage as a tree of objects, where each object corresponds to a part of the d...Discuss·1 likeReact
Divyesh Birawatdivyeshbirawat.hashnode.dev·Jul 5, 2024Mastering ReactJS: How the Virtual DOM Efficiently Updates the Real DOMReactJS has revolutionized front-end development with its efficient and declarative approach to building user interfaces. At the core of React's performance and simplicity is the concept of the Virtual DOM (VDOM). This article delves into the intrica...Discuss·32 readsReact
Adekola Oluwatonilobatheadekolaexperience.hashnode.dev·Jul 5, 2024Svelte Vs React: Which is best for your project?Javascript is the language of the web. Its frameworks have completely changed how developers approach web development, equipping them with powerful tools to build interactive and dynamic web applications. Over the years there has been a boom of vario...DiscussSvelte
Sparsh Shandilyasparsh-shandilya.hashnode.dev·Jun 19, 2024Understanding React's Virtual DOM: The Algorithm Behind Efficient UpdatesWe all know about the amazing JavaScript framework React.js and that how it is declarative is more efficient than writing plain old javascript and uses a virtual DOM. But what is this virtual DOM and how does this make React so powerful. Let's find o...Discuss·4 likesReact
Aahna Pandeyaahnapandey.hashnode.dev·Jun 11, 2024Enhancing Web Performance with React.jsWhen you begin learning React.js, you’ll discover several reasons why it’s more advantageous than building a website using just HTML, CSS, and JavaScript. One of the key advantages of React.js is its use of the Virtual DOM (Document Object Model). Th...DiscussReact
Shivam KumarforReactJS Learningslearning-react.hashnode.dev·Apr 26, 2024Virtual DOM, Fiber, and ReconciliationIntroduction In the world of front-end development, React has emerged as a dominant force, revolutionizing the way developers build user interfaces. At the heart of React's performance and efficiency lie concepts like Virtual DOM, Fiber, and Reconcil...Discuss·10 likesvirtual dom
Naveen Kumareasycodedev.hashnode.dev·Feb 29, 2024What is Virtual Dom in React?Normally, whenever a user requests a webpage, the browser receives an HTML document for that page from the server. The browser then constructs a logical, tree-like structure from the HTML to show the user the requested page in the client. How re-ren...DiscussWeb Development
Piyush NanwaniforAtomxelblog.atomxel.com·Feb 29, 2024Introduction to React JSI wonder if someone is new to web development and they start with React, the moment they start exploring the amount of options / choices they have to make to choose the set of libraries, frameworks, the best practices in working with React, they will...DiscussReact
Jongchan KimProkickbell.hashnode.dev·Feb 23, 2024Vanilla SPA 1: JSX & Virtual DOM Diffing대망의 나만의 리액트 스타일 SPA 만들기 시작해보겠습니다. 이번 아티클에서는 JSX 파싱 JSX to Virtual DOM Virtual DOM Diffing Commit 을 다뤄보도록 하겠습니다. JSX란? JSX란 XML 스타일의 트리 구조로 표현하고 싶은 것들을 자바스크립트와 함께 작성하는 문법입니다. JSX의 구성 요소 JSXElement: HTML element와 비슷한 역할을 하는 컴포넌트 JSXAttributes: ...Discuss·67 readsVanilla SPAvanilla-js
Harshharsh-react.hashnode.dev·Feb 19, 2024Mastering React: A Deep Dive into DOM Tree FormationHey there, fellow developers! 👋 Are you ready to embark on an exhilarating journey into the heart of React's rendering magic? 🚀 Join me as we delve deep into the captivating world of DOM manipulation with JavaScript and uncover the secrets behind R...Discuss·10 likes·42 readsreact js