DOM

DOM, Document Object Model, är webbläsarens interna representation av en webbsidas struktur — ett träd av noder som motsvarar HTML-elementen på sidan. JavaScript kan läsa och ändra DOM för att uppdatera det som visas utan att ladda om sidan.

React och Next.js hanterar DOM-manipulationen åt dig via ett virtuellt DOM: du beskriver hur sidan ska se ut baserat på din data, och React räknar ut minimala DOM-ändringar för att komma dit.

Direkt DOM-manipulation med document.getElementById och liknande behövs sällan i ett modernt React-projekt. När det behövs — till exempel för att fokusera ett element eller mäta dess storlek — används refs.