03 React III

• Learning objectives for the week

Topics covered in this week are: 1.- Routing 2. Security 3. Deployment

Online reviews in groups

Vi ser på de temaer vi har arbejdet med i sidste uge med udgangspunkt i den video-serie I har været igennem, codelab – og hvis I evt. har nået fredagsopgaven.

De næste mandage kan I skiftes til at vise noget frem. Vi regner bestemt ikke med at alle kan nå at vise noget frem på den halve time vi har, men så kan vi rotere næste gang. Det er jo også en slags træning til den eksamensform vi har i Front-end.

Find nogle gode eksempler frem (du selv har lavet), hvor du kan fortælle lidt om:

• Hvad er en React Component?
• Fortælt hvad fordelene er ved React i stedet for vanilla Javascript og DOM programmering
• Forklar hvad useState – og hvad det bruges til i React
• Forklar hvad useEffect er – og hvad det bruges til i React
• Hvad er props?
• Forklar hvordan CRUD fungerer i Javascript og React
• Forklar forskellen på controlled og un-controlled components i React. Fordele og ulemper ved hver af dem.

Derudover kan vi selvfølgelig snakke om alle de ting I har på hjertet – helst i relation til pensum 😉 og generelt samle op på stoffet.

• Orient yourself in this documentation:

1. Start code example
2. Create Routes from Elements
3. Navigation
4. Route parameters
5. React Router YouTube Playlist

1. React Router

1. Codelab Exercise (Bornholmer Tours)

1. Frontend security

1. Trip app with security