React.js Web Applications

En grundlæggende introduktion til hvad React er, økosystemet omkring React og de ting man skal være opmærksom på, når man udvikler i React.

I denne del opsætter vi det første React projekt med relevante tilføjelser. Vi lærer om hvordan et typisk React projekt er opbygget og den grundlæggende struktur. Desuden lærer vi om at bruge forskellige værktøjer og dele af React til at bygge første del af vores applikation.

Opret projekt med NPX og create-react-app

Installation af pakker

Struktur og grundlæggende arkitektur

Tilpasning af projektet

CSS i React

I denne del kigger vi på hvad et komponent i React er, og hvordan man bruger den komponentbaserede tilgang i React til at bygge en simpel side, men et input felt og en liste.

JSX og Javascript

Flux-Pattern

Komponenter i React

Props

Formularer

State

Hooks

I denne del lærer vi om, hvordan vi henter data fra et eksternt API, og viser det på en meningsfuld måde i vores applikation.

Data fra REST-API’er

Brug af Fetch og Axios i React

I denne del introduceres React Router, som man bruger til at navigere mellem forskellige sider i React. Vi opbygger en simpel menu, sender parametre via routes og prøver at arbejde med såkaldte Nested Routes:

Installation, samt konfiguration af React Router Dom

Brug af routes og parametre.

Nested routes

Så snart en applikation i React vokser sig stor, får man en udfordring med at håndtere data og såkaldt state. I denne del lærer vi om hvilke muligheder man har for at løse den udfordring.

Hvad er udfordringen med lokal state i React

Prop Drilling

Redux, Mobx og unstated

Context og Hooks

Hvad er Prop-types

Kort om Typescript

Opsætning af Jest

React Testing Library

Kort om E2E test i React