React / Components and state

React β€” Components and state

Rendering, JSX, events, immutable data, forms, and identity.

6 lessons Β· No account required

What you will learn

  • Rendering, JSX, events, immutable data, forms, and identity.

  1. React rendering and a reproducible setup

    Understand components as UI descriptions, distinguish React from its host tools, and make the execution context explicit.

    Start learning

  2. JSX, expressions, and component inputs

    Translate interface structure into JSX and define props that make component behavior explicit.

    Start learning

  3. Events and state snapshots

    Connect user actions to state updates while reasoning about the values captured by each render.

    Start learning

  4. Immutable state and derived values

    Update objects and arrays without mutating earlier snapshots, and avoid storing values that can be calculated from existing state.

    Start learning

  5. Controlled forms and validation boundaries

    Coordinate text input, submission, and accessible feedback without confusing local form state with trusted application data.

    Start learning

  6. Lists, keys, and state identity

    Render collections with stable identities and understand why position, component type, and keys determine state preservation.

    Start learning
Back to course