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
What the browser already does by itself, what React adds on top, and where React DOM sits between the two.
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 are all using the same directory.
createRoot and the Root Container
Connect the browser document to React with createRoot, verify the container, render the app, and learn what the root actually manages.
The First Function Component
Learn the function component call contract, tell apart 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.