Komponent
En återanvändbar byggsten i gränssnittet, skriven som en funktion som returnerar det som ska visas. Sidor sätts ihop av många komponenter.
En komponent i React är en funktion som tar emot data via props och returnerar det som ska visas. Komponenter kan vara så enkla som en knapp eller så komplexa som en hel sida — principen är densamma.
Gränssnittet i en React-app byggs upp av komponenter kapslade i varandra, ungefär som HTML-element men med egen logik och stil. En väldesignad komponent gör en sak och gör det bra, är enkel att återanvända i olika sammanhang, och är lätt att förstå utan att du behöver känna till resten av appen.
I Next.js är komponenter antingen server components (standardvalet, körs på servern) eller klientkomponenter markerade med 'use client'. Uppdelningen avgör var komponentens kod körs och vilka React-funktioner som är tillgängliga.