ReasonJun

The useLayoutEffect hook is a React hook that can be used to perform side effects that require immediate DOM layout updates. It is similar to the useEffect hook, but it runs synchronously after all DOM updates have been completed, but before the browser repaints the screen. This makes it ideal for use cases such as measuring DOM elements, or animating or transitioning elements. One of the main b..

//? document.createElement() // Creates and returns a new html element that only exists in memory. const divEl = document.createElement('div'); console.log(divEl); //? E.prepend() / E.append() // Inserts a node as the first or last child of an element. const parentEl = document.querySelector('.parent'); const el = document.createElement('div'); el.textContent = 'Hello'; parentEl.prepend(new Comm..

Search //? document.getElementById() // Returns the element retrieved by the value of the HTML `id` attribute. // If multiple elements are found, only the first element found is returned. // If there are no search results, return null. const el = document.getElementById('child2'); console.log(el); //? document.querySelector() // Returns one element searched for with 'css selector'. // If multipl..

The DOM (Document Object Model) API in JavaScript provides a way to interact with HTML and XML documents. It represents the structure of a document as a tree-like structure, where each node in the tree corresponds to a part of the document, such as elements, attributes, text, etc. The DOM API allows you to manipulate the structure, content, and styling of web documents dynamically. Here are some..