🚏 React Router
Learning Objectives
You’ve learned how to build applications with React. The different applications and examples were all built on a single page. What if you wanted to have different pages? with each page having its own URL? You will need to introduce a router in your application.
In JavaScript, a router is the piece of code which is in charge of switching between views of your application and keep each view in sync with a specific URL. For example, you could imagine having a homepage reachable from the root path / and a users page with the path /users.
You can use a framework like Next.js or Remix, write this yourself, or use a library. In React, a popular library to help you achieve this is React Router.
narrative
Set a timer and stop working on this tutorial after 60 minutes. Write down your blockers and come to class with questions.
Prep for Diversity and Inclusion
🤙🏽 FeedbackLearning Objectives
Preparation
Introduction
Diversity and inclusion
🎯 Goal: Define concepts related to diversity and inclusion (30 minutes)
Study this slide deck to learn more about diversity and inclusion and its importance in a work setting. Remember to pay attention to the speaker note area to see if there are any notes. The additional resources at the end are optional.
Make sure you understand all the following terms. If not, go back and re-read that part of the slide deck.
- Diversity
- Inclusion
- Bias
- Privilege
- Racism
- Sexism
- Ageism
- Ableism
- Homophobia
- Sympathy
- Empathy
Accessible tech
🎯 Goal: Explain three situations where a tech product can be inaccessible (30 minutes)
When building good software, it is important to consider your users and design your solution to have as good a user experience as possible, no matter who they are. Read this article about product accessibility and inclusion. Afterwards, think about your most recent code and identify three or four things that you could change to improve its accessibility for different user communities.