Week 10: Props, State & Interactive Components

Learning Objectives: Understand how props make components reusable, how state makes components interactive, and how callback props enable child-to-parent communication in React.

Sessions

Session 1: Props, State & Interactive Components

Props, children, useState, callback props, and the data down/actions up pattern

Session 2: Composition, Lifecycle, Hooks & Thinking in React

Composition patterns, useEffect, useRef, Thinking in React methodology

Topics Covered

Props fundamentals and destructuring
Default prop values
The children prop and composition
Managing state with useState
Callback props and the “data down, actions up” pattern
Conditional rendering with &&