About this course
Build composed interfaces with components, props, local state, and list rendering.
View category Curriculum
Each chapter contains short lessons and quizzes. Select a lesson to open its details, read the full content, and continue to the related assessment.
1Components and Props2 items
Components and Props
Composing an interfaceA React component describes part of an interface from its props. Split screens into reusable pieces with clear responsibilities.11 min Practice: Composing an interfaceApply “Composing an interface” in a short example, then verify the result and edge cases.14 min 2State and Events3 items
State and Events
Managing interactionsLocal state stores a value that changes during use. Updating state triggers a render; do not mutate the existing object directly.11 min Practice: Managing interactionsApply “Managing interactions” in a short example, then verify the result and edge cases.14 min Review: React — Introduction — 2Check the concepts and practices covered in the course.3 question(s) 3Lists and Forms3 items
Lists and Forms
Rendering collectionsRender a collection with map and provide a stable key for each item. Controlled fields receive their value from state and report changes through events.11 min Practice: Rendering collectionsApply “Rendering collections” in a short example, then verify the result and edge cases.14 min Review: React — Introduction — 3Check the concepts and practices covered in the course.3 question(s) 