Lesson 1: JSX Intro
HTML in JS. Finish this challenge to unlock the next step in the quest path.
React uses JSX. In React Quest, jsx intro focuses on html in js within react. Take your time with the core idea, because this lesson is designed to build a clean mental model before speed matters. Read the snippet once for meaning, then run it and change one small detail so the output tells you what happened.
return <h1>Hello</h1>. The goal is to understand the pattern, explain why it works, and notice where it would show up in a real workflow. Beginner lessons should feel simple on purpose, so focus on recognizing the rule, the output, and the smallest useful example. Code lessons stick best when you connect the syntax to the result, so watch how the sample behaves line by line.
Challenge
Question
Create a component returning <div>Hello</div>. Use the example or code sample to test your understanding, then check whether your result still fits the rule. If you are unsure, return to the example and restate the rule in your own words before answering or typing anything. Build the snippet, verify the output, and make one tiny edit so you can see how the result shifts.