Skip to content

Conditional Rendering

Often in React, we'll want to render a chunk of markup based on some condition. For example, maybe we want to include a little green dot next to the names of our friends who are currently online:

Two names. One has a green dot to the left of the name.

Let's look at some techniques we can use to solve this problem.