The First React Screen
Every subchapter in this chapter, free to read online. Work through them in order, or open the concept required by your current project.
What React Adds to a Page
Separate the work performed by the browser, React, and React DOM before writing the first local project.
Create a Local React Project
Create the Volume I project with React 19.2 and Vite 8, then prove that the terminal, editor, server, and browser use the same directory.
createRoot and the Root Container
Connect the browser document to React with createRoot, verify the container, render the application, and understand what the root manages.
The First Function Component
Learn the function component call contract, distinguish a component definition from its rendered instances, and keep rendering pure.
JSX Produces Elements
Follow JSX from source syntax to React element values, then separate element creation from component rendering and DOM commit.
Editing, Reloading, and Reading Errors
Classify failures by the stage that produced them, read source locations and stacks, and repair one controlled error at a time.