dom

Event handling and event delegation patterns in JavaScript

Event listeners attach handlers to DOM elements using addEventListener(). I specify event type like click, input, submit with handler function. The event object contains information about the triggered event. Using event.preventDefault() stops default

SVG manipulation with JavaScript

SVG (Scalable Vector Graphics) creates resolution-independent graphics. I manipulate SVG elements with DOM methods like createElementNS(). Attributes control SVG properties: setAttribute(), getAttribute(). Animations use CSS or SMIL for declarative ef

DOM manipulation best practices and performance optimization

DOM manipulation modifies HTML structure using JavaScript methods like createElement(), appendChild(), and removeChild(). I minimize reflows by batching DOM changes together. Using DocumentFragment groups multiple changes before inserting into DOM. Th

React portals for rendering outside component tree

Portals render components outside their parent DOM hierarchy while maintaining React's component tree for context and events. I use portals for modals, tooltips, and dropdowns that need to escape overflow: hidden containers or z-index stacking context