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...DiscussVirtual 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...Discuss·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...Discussvirtual 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...DiscussReact
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...Discuss·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...DiscussReact 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 ...DiscussDeep Dive Into ReactReact
Muhammad Waqar Rajputreactnode.hashnode.dev·Sep 16, 2024Understanding the Virtual DOM, Fiber, and Reconciliation in ReactToday, I learned about one of the most important concepts in React: the Virtual DOM, Fiber, and Reconciliation. If you've worked with React, you've likely used the createRoot function to render your app. But how does React manage to update the user i...DiscussReact
Nile Bitsnilebits.hashnode.dev·Sep 16, 2024Top 10 Advanced JavaScript Performance Optimization Techniques and PatternsIn the world of web development today, user experience is mostly determined by performance. A sluggish website or application may cause bounce rates to rise, user annoyance, and harm to search engine results. Adopting sophisticated optimization strat...DiscussJavaScript
Yusuf Uysalyusufuysal.hashnode.dev·Sep 15, 2024Unlocking the Power of React: Top Benefits for Modern Web DevelopmentReact has been the most popular UI library for nearly a decade, significantly simplifying the lives of frontend developers. To become better React developers, and better software engineers in general, we should always ask "why," not just focus on "ho...Discuss·31 readsReact
