React part II: SPA with Many Components

Topics covered in this week are:

  • Functional Components
  • Import and Export
  • Props
  • UseState
  • UseEffect
  • Lists and Keys
  • Conditional Rendering
  • Simple form input
  • Sharing state between components

Learning objectives for the week

Monday - review - online

Each team is on for 60 minutes. We meet in Jons Zoom Room.

  • 09:00 - 10:00 Team A

  • 10:00 - 11:00 Team B

  • 11:00 - 11:45 Team Bornholm

Agenda for each review session

Tuesday (class)

Prepare for the class

Orient yourself in this documentation:

  1. Importing and Exporting Components
  2. Spread operator in JS
  3. Destructuring in JS
  4. Functional Components
  5. Props
  6. UseState
  7. UseEffect
  8. Fetch (GET) in JS
  9. Fetching (GET) in React
  10. React docs - Lifting State or toolbox lifting state

In-class exersises

  1. UseState
  2. Lists and keys
  3. Todolist

Wednesday (CodeLab)

Thursday (class)

Prepare for the class

Orient yourself in this documentation:

In-class exersises

Friday (exercise day)


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