← The path

5 lessons · 358 XP

React, the Mental Model

state, rendering, and when not to use an effect

React is a function from state to UI. Once that clicks, most React questions answer themselves. This unit builds the model — components, props, state, keys, and the effects you should not be writing.

0/5
  1. 1

    Components & Props

    Compose UI from functions that take data and return markup.

    5 ex

    70 XP

  2. State & Re-rendering

    Complete “Components & Props” to unlock

  3. Effects, and Avoiding Them

    Complete “State & Re-rendering” to unlock

  4. Hooks & Composition

    Complete “Effects, and Avoiding Them” to unlock

  5. Lists, Forms & Feedback

    Complete “Hooks & Composition” to unlock