S06 L12 React Lifting State
📘 REACT LIFTING STATE
In this lesson, we pass functions as props and use that pattern to lift state from a child component into a parent component.
You will move counter state ownership to the parent, pass both value and callback props to children, and see how sibling components stay in sync through shared parent-managed state.
🎯 IN THIS VIDEO
Pass a function prop from parent to child
Reuse the parent state setter as a callback prop
Handle button click events in the child component
Trigger parent state updates from child interactions
Re-render parent and child components with updated values
Keep a separate display component synced with the same state
Compare local child-owned state versus lifted parent-owned state
Understand when lifting state is the right architecture choice
🚀 HOW TO USE THIS COURSE
Lifting state is a core React pattern for coordinating multiple components around shared data.
It keeps data flow predictable and makes component relationships easier to reason about as apps scale.
👉 Course Website:
www.richardbraycourses.co.uk
👉 Course Repositories:
www.github.com/RichardBrayCourses
👉 Full course playlist:
• Frontend Web Development Course — Section ...
📂 SECTION REPOSITORY
Section 6 repository:
https://github.com/RichardBrayCourses...
💡 NOTE
A useful rule: if multiple sibling components need the same data, that state usually belongs in their nearest common parent.