React part III: Routing, Security, and Deployment

Topics covered in this week are:

  • Routing
  • Security
  • Deployment

Learning objectives for the week

Monday

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.

Tuesday (class)

Prepare for the class

  • Orient yourself in this documentation:
  1. Start code example
  2. Create Routes from Elements
  3. Navigation
  4. Route parameters
  5. React Router YouTube Playlist

In-class exercises

  1. React Router

Wednesday (CodeLab)

  1. Codelab Exercise (Bornholmer Tours)

Thursday (class)

  1. Frontend security

Friday (exercise day)

  1. Trip app with security

Check TimeEdit for time schedule, teacher, and location - and keep an eye on your inbox for urgent updates.


Table of contents


Top

3. semester efterår 2024