React part IV: Styling and Deployment
Topics covered in this week are:
- Styled Components
- Architecture of a full stack application
- Deployment with Github Actions and Caddy
Learning objectives for the week
Monday
Reviews in groups
Prepare for the day
We will review the code from the previous week. In particular the Friday Exercise. Make sure you have your code ready for review.
Exam questions that could be relevant for the review:
- Show and explain the concept of promises in JavaScript (think of the fetch API)
- Provide examples for different ways of doing conditional rendering.
- Show and explain of what a JWT token is composed
- Describe and show the process og login using JWT. What problem does it solve?
- Show and explain an example of sub-routing.
- Describe conceptually what Same Origin Policy (SOP) and Cross Origin Ressource Sharing (CORS) are, and how we avoid getting CORS errors when fetching data from your API.
Tuesday (class)
Styling in React with Styled Components
Prepare for the class
Skim through the following resources:
Watch the following videos:
In-class exercises
Wednesday (CodeLab)
Thursday (class)
Deployment with Github Actions and Caddy
Prepare for the class
Read through the exercise for the day - but wait with the implementation until the class. Get an overall understanding of the steps involved.
See this video about the linux command rsync:
In-class exercises
Friday (exercise day)
Check TimeEdit for time schedule, teacher, and location - and keep an eye on your inbox for urgent updates.