React pålegger ikke én bestemt måte å style komponenter på. I stedet gir det deg fleksibilitet til å velge hvordan stiler skal brukes, avhengig av prosjektets behov.

Stilsetting i React er fortsatt basert på CSS. Forskjellen ligger i hvordan stiler organiseres og brukes på komponenter.

I dette kurset fokuserer du på to sentrale tilnærminger til stilsetting:

• Inline-stiler: stiler brukes direkte på elementer ved hjelp av style-attributtet og JavaScript-objekter;
• Eksterne CSS-filer: stiler skrives i tradisjonelle CSS-filer og brukes med klassenavn.

Stilsetting med biblioteker og rammeverk

I virkelige prosjekter styles React-applikasjoner ofte med tredjepartsbiblioteker og rammeverk. Noen populære alternativer inkluderer:

• CSS Modules;
• Styled Components;
• Emotion;
• Tailwind CSS;
• Material UI (MUI);
• Chakra UI.

Disse verktøyene tilbyr avanserte funksjoner som avgrensede stiler, designsystemer og nyttebasert stilsetting.

Hvorfor vi ikke dekker dem her

Selv om de er kraftige, tilfører stilbiblioteker ekstra kompleksitet og introduserer nye konsepter utover kjernen i React. I dette kurset er målet å bygge et solid grunnlag, forstå hvordan React-komponenter fungerer, og unngå unødvendige distraksjoner tidlig.