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. React Router Documentation - The Declarative Mode
2. React routing examples
3. Navigation

1. Go through the examples corresponding to the documentation above together in class.
2. Look at the JSON-Server that we will use in the codelab on Wednesday: JsonServer
3. React Router book exercise

1. Codelab Exercise (Bornholmer Tours)

2. Frontend security

3. Trip app with security