Skip to content

React prosjekt som har eksempler og oppgaver tilknyttet useState, useEffect og fetch.

Notifications You must be signed in to change notification settings

robertkittilsen/hooks-and-fetch-intro

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Introduksjon til hooks og datahenting i React

Dette prosjektet inneholder eksempler og oppgaver for temaene: Hooks og datahenting Laget for React-fagruppemøtet 28.02.2022.

Hvordan komme i gang

  1. Klon dette prosjektet til din maskin: git clone <url>
  2. Naviger til prosjektmappen og skriv npm install i terminal
  3. For å starte prosjektet skriv npm start i terminal. Etter en liten stund vil prosjektet være tilgjengelig på localhost:3000

Presentasjon

Tilhørende presentasjon finner du som .pptx og .pdf i mappen src/presentasjon

Oppgaver

Når du starter dette prosjektet er det komponenten "AnnoyingButton" som vises. Etter du har lekt deg litt med denne kan du navigere til App.js og kommentere ut <AnnoyingButton> i funskjonen "UseStateEksempler()".

Finn så oppgavene i mappen "oppgaver" og fjern kommentaren rundt oppgaven du begynner med i App.js under funksjonen "Oppgaver".

I selve oppgaven vil du finne en forklarende tekst på hva du skal gjøre.

Lykke til!

Eksempler

Det finnes noen klassiske eksempler i eksempler-mappen. Her er det eksempler for useState, useEffect og fetch.

I eksempel-mappen finner du også et eksempel for komponenter med og uten hooks (hooks-vs-ikke-hooks) og nettverkskall med Fetch og XHR (fetch-vs-xhr).

Om det er noen oppgaver du strever med kan noen av disse eksemplene hjelp deg på vei :)

Fasit

Fasit til oppgavene ligger i mappen "fasit" med tilsvarende oppgave nummer. Prøv å unngå å smugtitte på fasiten, ta heller en titt på den når du mener du har løst oppgaven :)

Sitter du fast, spør gjerne sidemann eller Robert og Caroline.

Lykke til!

Ressurser for videre læring

Hooks:

Fetch:

About

React prosjekt som har eksempler og oppgaver tilknyttet useState, useEffect og fetch.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published