01Which statement best captures the lesson 'Components, Props, and Composition'?
Beginner Foundation · F05
React Foundations I
Learn components, props, rendering, events, and state before Next.js adds server rendering and routing.
10lessons
3kwords
5module checks
Lessons
013 min023 min033 min043 min053 min063 min073 min083 min093 min103 min
Components, Props, and Composition
A component is a function that describes UI for current inputs.
Lab — Components, Props, and Composition
Hands-on transfer lab for the preceding concept.
Events and Local State
Event handlers respond to user actions and are appropriate places to start mutations or update interaction state.
Lab — Events and Local State
Hands-on transfer lab for the preceding concept.
Derived Values and Single Source of Truth
If a value can be computed from props/state during render, usually derive it instead of storing a synchronized copy.
Lab — Derived Values and Single Source of Truth
Hands-on transfer lab for the preceding concept.
Lists, Keys, and Identity
Keys tell React which list item identity persists across reordering/insertion/deletion.
Lab — Lists, Keys, and Identity
Hands-on transfer lab for the preceding concept.
Basic Form Handling Before Libraries
Controlled inputs use React state as the displayed value; uncontrolled inputs let DOM hold current value and can be read through form APIs/refs.
Lab — Basic Form Handling Before Libraries
Hands-on transfer lab for the preceding concept.
Module check
Can you recognize the correct mental model?
02Which statement best captures the lesson 'Events and Local State'?
03Which statement best captures the lesson 'Derived Values and Single Source of Truth'?
04Which statement best captures the lesson 'Lists, Keys, and Identity'?
05Which statement best captures the lesson 'Basic Form Handling Before Libraries'?