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

We meet on Zoom.

You can see when, in the message sent to you on moodle.

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)

• Trip and Guide exercise

Thursday (class)

Prepare for the class

Orient yourself in this documentation:

• Json server
• React Forms: Controlled Components
• React Forms: Uncontrolled Components

In-class exersises

• React Forms

Friday (exercise day)

• Student and classes exercise

---

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

---

Table of contents

• Learning Objectives
• Review Agenda
• Exercises