© 2023 Hashnode
#dom
BOM (Browser Object Model) and DOM (Document Object Model) are both web technologies used to represent and manipulate the structure and content of a web page. However, they serve different purposes an…
Introduction The Document Object Model (DOM) is a programming interface for HTML and XML documents. It allows developers to manipulate HTML and XML documents as objects and make dynamic updates to the…
Understanding the Virtual DOM in React In the first part of our React Performance Optimization blog, we introduced the importance of performance optimization in React and the key metrics for measuring performance. In this chapter, we will d…
Introduction The browser engine always renders the elements rectangular as per the CSS basics box model. This box 🗃 consist of 4 parts content, padding, border and margin. Content It consists of…
Introduction If you wish to add animation to any of the components in the web page, all those animations or modifications to an element to behave in a certain way are done by manipulating the DOM. The Document Object Model usually referred …
React is a powerful JavaScript library for building user interfaces, but it has one limitation: all elements rendered by a React component must be children of the component's parent DOM node. However, there are certain cases where you may w…
One of the most powerful hooks in the React ecosystem is the useRef hook. This hook allows you to create a reference to a DOM element or a component instance, which can be used to access and manipulat…
Today I Learned Today I learned the basics of DOM Manipulation. DOM stands for Document Object Model and is a way to represent an HTML or XML document as a tree-like structure. DOM manipulation is the…
A read more, see less button is essential when creating a webpage and we need to describe or show reviews of a product; most times, it’s used to display a glimpse of a post or article. How to create …
The Document Object Model (DOM) is a programming interface for HTML and XML documents that allows developers to access and manipulate the structure of a web page in real-time. In this blog post, we wi…