Conditional Rendering and Lists

Part of the React course

Almost every screen you have ever used shows one thing instead of another depending on some condition: a "you have new messages" banner that only appears when there are new messages, a spinner that only shows while something is loading. And almost every screen shows more than one of something: a list of orders, a grid of products, a feed of posts.

This lesson's folder holds a small Vite project whose main.jsx shows the lesson's component in the browser. Install its packages and start the dev server ...