scrimba
Frontend Career Path
React basics
Meme generator
Conditional rendering: && practice
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Conditional rendering: && practice
AboutCommentsNotes
Conditional rendering: && practice
Expand for more info
App.js
run
preview
console
import React from "react"

export default function App() {
const [messages, setMessages] = React.useState(["a", "b"])
/**
* Challenge:
* - Only display the <h1> below if there are unread messages
*/
return (
<div>
<h1>You have _ unread messages!</h1>
</div>
)
}
Console
/index.html
-1:45