0Pricing
React Academy · Lesson

First Component & Render

Write your first component function, render it into the DOM with createRoot, and see hot reload in action.

Overview

Goal: Write your first React component, mount it with createRoot, and check hot reload.

Function components

A React component is just a function returning JSX. Example: function App() { return <h1>Hi</h1> }.

All lessons in this course

  1. React Kickoff: Concepts & Setup
  2. Project Setup: Vite, Layout & Dev Server
  3. First Component & Render
← Back to React Academy