JSX and Components

Part of the React course

In the last lesson you saw a component return something that looked like HTML: return <h1>Hello, React</h1>;. That should have felt slightly wrong. JavaScript functions return values like numbers, strings, or objects, they do not return angle brackets. Writing markup directly inside a JavaScript function only works because of a layer called JSX, and it comes with its own small set of rules that are different enough...

This lesson's folder holds a small Vite project whose main.jsx shows the lesson's component in the browser. Install its packages and start the dev server ...