 This button alone is not particularly inviting. I want a little bit more there. So I'd like to add a message that says, be the first to clap this. Now, because we have two adjacent react elements, we need to wrap this whole thing in some type of additional element. I'll use a div. And now we have a very inviting, pleasant message for the first person, but also the second, the third, fourth, and fifth. So how do we get this to show up only for the first person and not all of the subsequent people to clap this? When we're in this render block here, this render return, we don't have access to keywords like if and else. So we need to use something that works inside of these curly braces, any type of expression. Now, ternaries and short circuit evaluation are really fancy words for things that solve this problem for us. So if this.state.claps is equal to zero, we handle the true case behind a question mark and the falsely case behind a colon. So what we want in the truthy case is to render this message. And in the falsely case, nothing, I suppose. Let's see if that worked. Hey, it did. Now, this ternary is kind of like an if-else. So if the true case, this, else, no. Now, we don't actually need all that because we're only displaying the one message in the truthy case. So we can use short circuit evaluation to get rid of this other case altogether. And we do that with the and operator. This code will only get evaluated if this case is true. Otherwise, it just doesn't do anything. So it's true when it's zero, we click it, it's not true anymore, it doesn't display. Now, if we wanted the opposite to be true, we can use the or operator. Now, while it's not what we want, it's not displaying for zero and will display for every number after that. Change it back to and and we have exactly what we're looking for.