V School | Better Humans, Better Outcomes

Changing Themes using Context

Using what you have just learned about React Context, you are tasked with making a ThemeProvider context for a new application. Your goal is build a home page that offers a dark and a light theme. This theme can be toggled by the user. This will be excellent practice in

Transitions with react-transition-group

This article is intended to help you build meaningful transitions into your applications. While it is extremely easy to overdo it with animations and transitions, they can also add a professional feel when done correctly. This article will use the react-transition-group module. Note: Each of the components provided by this

Don't bug me I'm on vacation

Your goal for this exercise is to use the debugging techniques we have taught you to fix this project. Copy the following code into your terminal # First `cd` into your assignments folder and then into your exercises folder git clone https://github.com/VSchool/vacation-bug.git cd vacation-bug # Copy/paste

Debugging Part 2

One of the most important and useful tools for debugging are the Chrome Dev Tools(or the equivolent on other browsers). The tabs we will use most frequently for debugging are: * Console * to see our console logs * to see any errors that may show up * Sources * to check our file

Debugging Part 1

One of the first and most natural types of debugging is just looking through our code for typos, misused variables, or errors given to us by our text editor. In the screenshot below we will see some examples of errors given by our text editor. Take a minute to look

V School | Better Humans, Better Outcomes © 2026