codex-lv3-may-2025

Kata 1: Simple Greeting Component

Concept: Basic component and JSX

Challenge

Create a React component called Greeting that displays “Hello, World!” in an <h1> tag.

🔗 Practice on CodeSandbox

Expected Output

When rendered, it should display:

Hello, World!

Starter Code

export default function Greeting() {
  // Your code here
}

Solution

Click to reveal solution

export default function Greeting() {
  return <h1>Hello, World!</h1>;
}

Concept Review

• Components are functions that return JSX
• Component names must start with a capital letter
• JSX looks like HTML but is actually JavaScript

---

← Back to Kata Index