V School | Better Humans, Better Outcomes

Blog Props

A great way to practice building web sites and web apps is to copy sites or apps that already exist. So, your assignment is to re-create the first page of this sample blog website. You will organize it into these components: (Indented components are suppose to be nested. E.g.

Friends with Pets Props Practice

Build a simple React app that has a component, a component and a component. In , .map() through an array of friends. Each friend will have an array of pets. Feel free to use array at the bottom of this write up. In your .map(), render a

Dynamic Rendering in React

Often times we will want to render different elements or components conditionally. Imagine a login button. The user will see the login button until they login. Then they will see a log out button. Maybe an help message should be rendered until the clicks to exit it. Or you want

PropTypes

https://reactjs.org/docs/typechecking-with-proptypes.html Type Checking Type checking is an important principle in programming. JavaScript lets you get away with a lot of potentially hazardous coding practices. Consider the following: When you code let a = 1 and then let a = 2, JavaScript yells at you and breaks. But

React/Redux Developer Tools

React Developer Tools Developing React apps becomes a lot more pleasant when you utilize the React Devtools. In many ways, it looks like your DOM tree does in the elements tab, and you will explore it in the same way. Installation Go to https://chrome.google.com/webstore/detail/react-developer-tools/

V School | Better Humans, Better Outcomes © 2026