webutviklingViderekommen

React-grunnkurset

Komponenter, props og state — din første moderne frontend.

Lær å tenke i komponenter. Kurset tar deg gjennom React fra første komponent til en liten app som henter data.

Leksjoner: 9
Timer: ~2,2
Nivå: Viderekommen
Start: Gratis

Bit presenterer kurset

Kurs-intro

33 sekunder om hva kurset er, og hvordan det fungerer.

Leses av en syntetisk stemme (Microsoft Edge TTS, norsk bokmål).

Prøv en smakebit nå

Et ekte utdrag fra kurset — slik ser koden ut i leksjonene.

React (JSX)

function Hilsen({ navn }) {
  return <h1>Hei, {navn}!</h1>;
}

// Brukes slik: <Hilsen navn="verden" />

React-komponenter må bygges før de kan kjøres i nettleseren. I kurset setter vi verktøyet opp sammen — du konsentrerer deg om komponentene.

Start leksjon 1

Du skal lære

Hvorfor React finnes — og når det lønner seg
Bygge og sette sammen komponenter
Props og state — uten magi
Hente data og vise lister, skjemaer og hendelser

Dette kurset passer for deg

Du kan JavaScript og har kjent på kopier-lim inn-smerten i grensesnitt
Du vil forstå komponenter — slik moderne nettsider faktisk bygges
Du er klar for verktøyet jobbene ber om

Læringsstien

Fra første linje til mållinjen — slik kurset henger sammen.

Start her

Leksjonene bygger på hverandre — ta dem i rekkefølge, eller hopp til det du trenger.

1Lesing12 minNeste oppHvorfor React?Hva komponenter løser, og når React er riktig verktøy.Gratis
Etter leksjon 1 tar de gratis slutt
Lås opp resten av kurset
- De neste 8 leksjonene — øvelser og quizer inkludert
- Alle andre kurs i katalogen, også de som kommer
5 kr/mnd · uten binding · si opp når som helst
2Øvelse18 minDin første komponentJSX, funksjonskomponenter og hvordan de settes sammen.
3Øvelse18 minProps og stateData inn med props, tilstand med useState.
4Øvelse18 minLister, hendelser og skjemaerRender lister og håndter brukerhandlinger.
5Lesing14 minHente datauseEffect og henting av data fra et API.
6Lesing15 minuseEffect uten mysterierAvhengighetsarrayens tre former, opprydding — og den uendelige loopen du kan stoppe selv.
7Lesing15 minKomponenthierarki og lifting stateState hos nærmeste felles forelder: props ned, hendelser opp.
8Lesing14 minFra lek til app: struktur og vanerFilstruktur, én ting per komponent — og feiltilstander som førsteklasses borgere.
9Quiz10 minSluttest: ReactFem spørsmål om komponenter, props, state og datahenting. Krever 80 %.

Mållinjen

Fullfør alle leksjonene — og bruk det du kan til å bygge noe helt eget. Når du er ferdig venter «Hent data: JSON og fetch».

Se alle øvelsene i kurset, samlet