← React, the Mental Model

Lesson 1 · atom React, the Mental Model

Components & Props

Compose UI from functions that take data and return markup.

Before you start

A component is a function: props in, UI out. Props flow down and are read-only — a child never writes to its parent's data. When two components need the same state, it moves up to their nearest common parent. That's the whole architecture.

5 exercises·up to 70 XP·5/5 hearts