What does it mean to "lift state up" in React?

Lifting state up is the process of moving local state from individual child components to their closest common ancestor. This creates a "single source of truth," ensuring that sibling components—like a music player bar and a song list—stay synchronized. Instead of components trying to communicate sideways, which React does not support, they all receive the same data from the parent above them.

How do child components update state that has been moved to a parent?

Since props are read-only, a child component cannot directly change the state living in a parent component. To handle updates, the parent must pass down a "remote control" in the form of a callback function. When an event occurs in the child, such as a user clicking a button, the child calls this function, which triggers the state setter in the parent and subsequently updates the entire data flow.

What is the difference between a controlled and an uncontrolled component?

An uncontrolled component manages its own internal state independently, similar to a teenager managing their own schedule without the parent's knowledge. A controlled component is "driven" by its parent; it receives its data via props and notifies the parent of changes through callbacks. This makes the component more predictable, easier to test, and simpler to reuse because it no longer has a "hidden" internal agenda.

When should I use the Context API instead of lifting state?

Lifting state is the preferred method for local coordination between a few related components. However, if you find yourself "prop drilling"—passing data through many layers of middleman components that don't actually use the data—it may be time for the Context API. Context acts as a "teleportation gate" for global data like user themes or authentication status, allowing deep child components to access information without manual prop passing at every level.

Why is it considered a mistake to sync props to local state?

Copying a prop into a local state variable using `useState(props.data)` is dangerous because the state is only initialized once. If the parent’s data updates later, the child’s local state will not automatically reflect that change, leading to out-of-sync interfaces. The recommended approach is to use the prop directly; if you can calculate or derive a value from existing props, you should do so rather than storing it in a new state.

Mastering React: Lifting State Up for Component Coordination

22 min

Mar 3, 2026

Technology Education Productivity

Learn how to sync isolated components like an EpisodeList and PlayerBar by moving state to a shared parent, ensuring a single source of truth.

Best quote from Mastering React: Lifting State Up for Component Coordination

The fix is this concept called 'lifting state up,' which is really just about finding a mediator. You move that data to the closest common parent to create a single source of truth.

This audio lesson was created by a BeFreed community member

Input question

Explain lifting state up when two components need the same data. Use EpisodeList and PlayerBar example. Focus on concept of shared parent managing state.

Host voices

Lena

Jackson

Learning style

Fun

Knowledge sources

A Philosophy of Software Design, 2nd Edition

Frequently Asked Questions

Discover more

deep react knowledge

LEARNING PLAN

deep react knowledge

React continues to dominate the frontend development landscape, but mastering its core concepts and advanced patterns is essential for building professional-grade applications. This learning plan is ideal for developers who have basic JavaScript knowledge and want to become proficient React engineers capable of building complex, performant applications.

2 h 22 m•3 Sections

I want to learn how to write react front end

LEARNING PLAN

I want to learn how to write react front end

React continues to be the most popular JavaScript library for building user interfaces, powering millions of web applications. This learning plan takes you from React fundamentals to advanced architecture patterns, ideal for developers looking to build modern, performant front-end applications.

3 h 42 m•4 Sections

Master Power Platform, JS & SharePoint Dev

LEARNING PLAN

Master Power Platform, JS & SharePoint Dev

This comprehensive path bridges the gap between low-code efficiency and professional full-stack development. It is designed for aspiring developers and IT professionals looking to master the intersection of Microsoft 365, modern JavaScript, and enterprise-grade system design.

2 h 53 m•4 Sections

Master One Project to Prevent Burnout

LEARNING PLAN

Master One Project to Prevent Burnout

In an era of constant connectivity, professionals often mistake busyness for productivity, leading to chronic exhaustion. This plan is designed for high-achievers and creative professionals who need to reclaim their focus and prevent burnout by mastering the power of single-project excellence.

2 h 31 m•4 Sections

Master my mind and be the dad they deserve

LEARNING PLAN

Master my mind and be the dad they deserve

This plan is designed for fathers who want to break cycles of reactivity and lead their families with emotional stability. It provides the essential psychological tools needed to transform stress into presence, making it ideal for any dad seeking a deeper bond with his children.

2 h 35 m•4 Sections

Mastering adhd

LEARNING PLAN

Mastering adhd

This learning plan is essential for anyone with ADHD who feels stuck in cycles of frustration, underperformance, or burnout despite trying countless productivity methods. It's particularly valuable for adults who want to move beyond basic coping mechanisms and instead build comprehensive systems that align with how their brain naturally works, transforming ADHD from a daily struggle into a source of unique strengths and capabilities.

1 h 37 m•4 Sections

Control my emotions

LEARNING PLAN

Control my emotions

This plan is designed for individuals seeking to transition from reactive behavior to intentional living by mastering their internal state. It is ideal for professionals and students who want to build mental resilience and emotional intelligence through science-backed techniques.

3 h 43 m•4 Sections

Master Self, Mind, and Human Connections

LEARNING PLAN

Master Self, Mind, and Human Connections

This plan is essential for professionals and individuals seeking to align their internal mindset with external leadership. It benefits anyone looking to master emotional regulation while building high-impact, empathetic connections in both personal and professional spheres.

3 h 8 m•4 Sections

From Columbia University alumni built in San Francisco

BeFreed Brings Together A Global Community Of 1,000,000 Curious Minds

See more on how BeFreed is discussed across the web

"Instead of endless scrolling, I just hit play on BeFreed. It saves me so much time."

@Moemenn

"I never knew where to start with nonfiction—BeFreed’s book lists turned into podcasts gave me a clear path."

@Chloe, Solo founder, LA

117

"Perfect balance between learning and entertainment. Finished ‘Thinking, Fast and Slow’ on my commute this week."

@Raaaaaachelw

"Crazy how much I learned while walking the dog. BeFreed = small habits → big gains."

@Matt, YC alum

108

"Reading used to feel like a chore. Now it’s just part of my lifestyle."

@Erin, Investment Banking Associate , NYC

254

"Feels effortless compared to reading. I’ve finished 6 books this month already."

@djmikemoore

"BeFreed turned my guilty doomscrolling into something that feels productive and inspiring."

@Pitiful

4.5K

"BeFreed turned my commute into learning time. 20-min podcasts are perfect for finishing books I never had time for."

@SofiaP

"BeFreed replaced my podcast queue. Imagine Spotify for books — that’s it. 🙌"

@Jaded_Falcon

201

"It is great for me to learn something from the book without reading it."

@OojasSalunke

"The themed book list podcasts help me connect ideas across authors—like a guided audio journey."

@Leo, Law Student, UPenn

483

"Makes me feel smarter every time before going to work"

@Cashflowbubu

From Columbia University alumni built in San Francisco

BeFreed Brings Together A Global Community Of 1,000,000 Curious Minds

See more on how BeFreed is discussed across the web

"Instead of endless scrolling, I just hit play on BeFreed. It saves me so much time."

@Moemenn

"I never knew where to start with nonfiction—BeFreed’s book lists turned into podcasts gave me a clear path."

@Chloe, Solo founder, LA

117

"Perfect balance between learning and entertainment. Finished ‘Thinking, Fast and Slow’ on my commute this week."

@Raaaaaachelw

"Crazy how much I learned while walking the dog. BeFreed = small habits → big gains."

@Matt, YC alum

108

"Reading used to feel like a chore. Now it’s just part of my lifestyle."

@Erin, Investment Banking Associate , NYC

254

"Feels effortless compared to reading. I’ve finished 6 books this month already."

@djmikemoore

"BeFreed turned my guilty doomscrolling into something that feels productive and inspiring."

@Pitiful

4.5K

"BeFreed turned my commute into learning time. 20-min podcasts are perfect for finishing books I never had time for."

@SofiaP

"BeFreed replaced my podcast queue. Imagine Spotify for books — that’s it. 🙌"

@Jaded_Falcon

201

"It is great for me to learn something from the book without reading it."

@OojasSalunke

"The themed book list podcasts help me connect ideas across authors—like a guided audio journey."

@Leo, Law Student, UPenn

483

"Makes me feel smarter every time before going to work"

@Cashflowbubu

"Instead of endless scrolling, I just hit play on BeFreed. It saves me so much time."

@Moemenn

"I never knew where to start with nonfiction—BeFreed’s book lists turned into podcasts gave me a clear path."

@Chloe, Solo founder, LA

117

"Perfect balance between learning and entertainment. Finished ‘Thinking, Fast and Slow’ on my commute this week."

@Raaaaaachelw

"Crazy how much I learned while walking the dog. BeFreed = small habits → big gains."

@Matt, YC alum

108

"Reading used to feel like a chore. Now it’s just part of my lifestyle."

@Erin, Investment Banking Associate , NYC

254

"Feels effortless compared to reading. I’ve finished 6 books this month already."

@djmikemoore

"BeFreed turned my guilty doomscrolling into something that feels productive and inspiring."

@Pitiful

4.5K

"BeFreed turned my commute into learning time. 20-min podcasts are perfect for finishing books I never had time for."

@SofiaP

"BeFreed replaced my podcast queue. Imagine Spotify for books — that’s it. 🙌"

@Jaded_Falcon

201

"It is great for me to learn something from the book without reading it."

@OojasSalunke

"The themed book list podcasts help me connect ideas across authors—like a guided audio journey."

@Leo, Law Student, UPenn

483

"Makes me feel smarter every time before going to work"

@Cashflowbubu

"Instead of endless scrolling, I just hit play on BeFreed. It saves me so much time."

@Moemenn

"I never knew where to start with nonfiction—BeFreed’s book lists turned into podcasts gave me a clear path."

@Chloe, Solo founder, LA

117

"Perfect balance between learning and entertainment. Finished ‘Thinking, Fast and Slow’ on my commute this week."

@Raaaaaachelw

"Crazy how much I learned while walking the dog. BeFreed = small habits → big gains."

@Matt, YC alum

108

"Reading used to feel like a chore. Now it’s just part of my lifestyle."

@Erin, Investment Banking Associate , NYC

254

"Feels effortless compared to reading. I’ve finished 6 books this month already."

@djmikemoore

"BeFreed turned my guilty doomscrolling into something that feels productive and inspiring."

@Pitiful

4.5K

"BeFreed turned my commute into learning time. 20-min podcasts are perfect for finishing books I never had time for."

@SofiaP

"BeFreed replaced my podcast queue. Imagine Spotify for books — that’s it. 🙌"

@Jaded_Falcon

201

"It is great for me to learn something from the book without reading it."

@OojasSalunke

"The themed book list podcasts help me connect ideas across authors—like a guided audio journey."

@Leo, Law Student, UPenn

483

"Makes me feel smarter every time before going to work"

@Cashflowbubu

1.5K Ratings4.7

Start your learning journey, now

Mastering React: Lifting State Up for Component Coordination

22 min

Mar 3, 2026

Technology Education Productivity

Learn how to sync isolated components like an EpisodeList and PlayerBar by moving state to a shared parent, ensuring a single source of truth.

Best quote from Mastering React: Lifting State Up for Component Coordination

The fix is this concept called 'lifting state up,' which is really just about finding a mediator. You move that data to the closest common parent to create a single source of truth.

Key Takeaways

The Single Source of Truth

0:00

0:17

0:30

0:41

The Architecture of Coordination

0:52

1:30

1:47

2:22

2:34

3:00

3:10

3:41

0:41

Stripping the Local Identity

4:22

4:41

5:05

5:19

5:39

5:46

6:09

2:34

6:48

6:59

7:28

Establishing the Source of Truth

7:40

8:02

2:34

8:34

8:52

9:08

9:16

9:42

10:05

10:31

10:49

11:16

The Prop Drilling Pitfall

11:20

11:42

11:55

12:15

2:34

12:39

12:52

13:11

13:18

13:42

13:54

The Practical Playbook for Success

14:14

14:27

14:41

14:55

15:06

15:18

15:34

15:46

16:06

2:34

16:51

16:59

Pitfalls and How to Dodge Them

17:07

13:54

17:32

17:37

17:57

18:14

18:39

0:17

19:16

19:25

19:45

19:53

Bringing It All Together

20:09

20:22

20:41

2:34

5:19

21:33

13:54

22:05

22:14

22:29

22:43

More like this

Mastering Minimal State: The Golden Rule of React book cover

Refactoring: Improving the Design of Existing Code

24 sources

Mastering Minimal State: The Golden Rule of React

21 min

Mastering Controlled Inputs in React book cover

26 sources

Mastering Controlled Inputs in React

22 min

Mastering React Router: Seamless Single-Page Navigation book cover

Learn Python in One Day and Learn It Well

26 sources

Mastering React Router: Seamless Single-Page Navigation

24 min

Mastering React Props: The Blueprint for Dynamic Components book cover

Algorithms + Data Structures eq Programs

26 sources

Mastering React Props: The Blueprint for Dynamic Components

22 min

From Chaos to Control: Mastering React's useReducer book cover

Hands-On Machine Learning with Scikit-Learn and TensorFlow

23 sources

From Chaos to Control: Mastering React's useReducer

24 min

Mastering React Lists: Keys, Maps, and UI Identity book cover

24 sources

Mastering React Lists: Keys, Maps, and UI Identity

23 min

Mastering leadership

Robert J. Anderson and William A. Adams

9 min

Communicate with Mastery

J. D. Schramm with Kara Levy

12 min

This audio lesson was created by a BeFreed community member

Input question

Explain lifting state up when two components need the same data. Use EpisodeList and PlayerBar example. Focus on concept of shared parent managing state.

Host voices

Lena

Jackson

Learning style

Fun

Knowledge sources

Frequently Asked Questions

Discover more

deep react knowledge

LEARNING PLAN

deep react knowledge

2 h 22 m•3 Sections

I want to learn how to write react front end

LEARNING PLAN

I want to learn how to write react front end

3 h 42 m•4 Sections

Master Power Platform, JS & SharePoint Dev

LEARNING PLAN

Master Power Platform, JS & SharePoint Dev

2 h 53 m•4 Sections

Master One Project to Prevent Burnout

LEARNING PLAN

Master One Project to Prevent Burnout

2 h 31 m•4 Sections

Master my mind and be the dad they deserve

LEARNING PLAN

Master my mind and be the dad they deserve

2 h 35 m•4 Sections

Mastering adhd

LEARNING PLAN

Mastering adhd

1 h 37 m•4 Sections

Control my emotions

LEARNING PLAN

Control my emotions

3 h 43 m•4 Sections

Master Self, Mind, and Human Connections

LEARNING PLAN

Master Self, Mind, and Human Connections

3 h 8 m•4 Sections

From Columbia University alumni built in San Francisco

BeFreed Brings Together A Global Community Of 1,000,000 Curious Minds

See more on how BeFreed is discussed across the web

"Instead of endless scrolling, I just hit play on BeFreed. It saves me so much time."

@Moemenn

"I never knew where to start with nonfiction—BeFreed’s book lists turned into podcasts gave me a clear path."

@Chloe, Solo founder, LA

117

"Perfect balance between learning and entertainment. Finished ‘Thinking, Fast and Slow’ on my commute this week."

@Raaaaaachelw

"Crazy how much I learned while walking the dog. BeFreed = small habits → big gains."

@Matt, YC alum

108

"Reading used to feel like a chore. Now it’s just part of my lifestyle."

@Erin, Investment Banking Associate , NYC

254

"Feels effortless compared to reading. I’ve finished 6 books this month already."

@djmikemoore

"BeFreed turned my guilty doomscrolling into something that feels productive and inspiring."

@Pitiful

4.5K

"BeFreed turned my commute into learning time. 20-min podcasts are perfect for finishing books I never had time for."

@SofiaP

"BeFreed replaced my podcast queue. Imagine Spotify for books — that’s it. 🙌"

@Jaded_Falcon

201

"It is great for me to learn something from the book without reading it."

@OojasSalunke

"The themed book list podcasts help me connect ideas across authors—like a guided audio journey."

@Leo, Law Student, UPenn

483

"Makes me feel smarter every time before going to work"

@Cashflowbubu

From Columbia University alumni built in San Francisco

BeFreed Brings Together A Global Community Of 1,000,000 Curious Minds

See more on how BeFreed is discussed across the web

"Instead of endless scrolling, I just hit play on BeFreed. It saves me so much time."

@Moemenn

"I never knew where to start with nonfiction—BeFreed’s book lists turned into podcasts gave me a clear path."

@Chloe, Solo founder, LA

117

"Perfect balance between learning and entertainment. Finished ‘Thinking, Fast and Slow’ on my commute this week."

@Raaaaaachelw

"Crazy how much I learned while walking the dog. BeFreed = small habits → big gains."

@Matt, YC alum

108

"Reading used to feel like a chore. Now it’s just part of my lifestyle."

@Erin, Investment Banking Associate , NYC

254

"Feels effortless compared to reading. I’ve finished 6 books this month already."

@djmikemoore

"BeFreed turned my guilty doomscrolling into something that feels productive and inspiring."

@Pitiful

4.5K

"BeFreed turned my commute into learning time. 20-min podcasts are perfect for finishing books I never had time for."

@SofiaP

"BeFreed replaced my podcast queue. Imagine Spotify for books — that’s it. 🙌"

@Jaded_Falcon

201

"It is great for me to learn something from the book without reading it."

@OojasSalunke

"The themed book list podcasts help me connect ideas across authors—like a guided audio journey."

@Leo, Law Student, UPenn

483

"Makes me feel smarter every time before going to work"

@Cashflowbubu

"Instead of endless scrolling, I just hit play on BeFreed. It saves me so much time."

@Moemenn

"I never knew where to start with nonfiction—BeFreed’s book lists turned into podcasts gave me a clear path."

@Chloe, Solo founder, LA

117

"Perfect balance between learning and entertainment. Finished ‘Thinking, Fast and Slow’ on my commute this week."

@Raaaaaachelw

"Crazy how much I learned while walking the dog. BeFreed = small habits → big gains."

@Matt, YC alum

108

"Reading used to feel like a chore. Now it’s just part of my lifestyle."

@Erin, Investment Banking Associate , NYC

254

"Feels effortless compared to reading. I’ve finished 6 books this month already."

@djmikemoore

"BeFreed turned my guilty doomscrolling into something that feels productive and inspiring."

@Pitiful

4.5K

"BeFreed turned my commute into learning time. 20-min podcasts are perfect for finishing books I never had time for."

@SofiaP

"BeFreed replaced my podcast queue. Imagine Spotify for books — that’s it. 🙌"

@Jaded_Falcon

201

"It is great for me to learn something from the book without reading it."

@OojasSalunke

"The themed book list podcasts help me connect ideas across authors—like a guided audio journey."

@Leo, Law Student, UPenn

483

"Makes me feel smarter every time before going to work"

@Cashflowbubu

"Instead of endless scrolling, I just hit play on BeFreed. It saves me so much time."

@Moemenn

"I never knew where to start with nonfiction—BeFreed’s book lists turned into podcasts gave me a clear path."

@Chloe, Solo founder, LA

117

"Perfect balance between learning and entertainment. Finished ‘Thinking, Fast and Slow’ on my commute this week."

@Raaaaaachelw

"Crazy how much I learned while walking the dog. BeFreed = small habits → big gains."

@Matt, YC alum

108

"Reading used to feel like a chore. Now it’s just part of my lifestyle."

@Erin, Investment Banking Associate , NYC

254

"Feels effortless compared to reading. I’ve finished 6 books this month already."

@djmikemoore

"BeFreed turned my guilty doomscrolling into something that feels productive and inspiring."

@Pitiful

4.5K

"BeFreed turned my commute into learning time. 20-min podcasts are perfect for finishing books I never had time for."

@SofiaP

"BeFreed replaced my podcast queue. Imagine Spotify for books — that’s it. 🙌"

@Jaded_Falcon

201

"It is great for me to learn something from the book without reading it."

@OojasSalunke

"The themed book list podcasts help me connect ideas across authors—like a guided audio journey."

@Leo, Law Student, UPenn

483

"Makes me feel smarter every time before going to work"

@Cashflowbubu

1.5K Ratings4.7

Start your learning journey, now