V School | Better Humans, Better Outcomes

Mapping Components in React

We've already covered the hardcoding of components in React, when you already know exactly what you want to show up on the screen. However, React isn't intended to be used simply for hardcoded data. Its whole purpose is to react to new information and user input and pass data to

React State

Why state? Up until now, we've been able to create simple, static (unchanging) UI (User Interface - what the user actually sees) components (those that just display stuff to the user), as well as components that pass properties (props) down to their children components to allow us to make even

React Meme Creator

Make a meme creator using React. Your user should be presented with 3 input boxes: 1. Image URL (for the meme image) 2. Upper Text (Text to show up on the top of the image) 3. Lower Text (Text to show up on the bottom of the image) In the

Double Sum

Warm-Up Write a function that returns the sum of two integers or if they are the same, returns double their sum. doubleSum(1,4); //returns 5 doubleSum(3,3); //returns 12

Escape Room

Write a game that lets a user escape a room. The character finds him/herself locked in a room. In order to escape the room, your character needs to find the key in the room and then open the door. There's also a hole in the wall in the room.

V School | Better Humans, Better Outcomes © 2026