Lifting state up in React Native - Cheat Sheet & Quick Revision

Recall & Review

beginner

What does "lifting state up" mean in React Native?

It means moving shared state from child components to their closest common parent so they can share and update data together.

beginner

Why do we lift state up in React Native apps?

To keep data consistent between components that need to share or sync information, avoiding duplicated or conflicting states.

beginner

In lifting state up, where should the state live?

The state should live in the closest common parent component of all components that need to access or change that state.

intermediate

How do child components update lifted state?

The parent passes down functions as props to children. Children call these functions to update the state in the parent.

intermediate

What is a simple example of lifting state up?

Two input fields share the same text state lifted to their parent. When one input changes, the parent updates the state and passes it down to both inputs.

What is the main reason to lift state up in React Native?

A To share state between sibling components

B To make components load faster

C To avoid using props

D To reduce the number of components

Lifting state up allows sibling components to share and sync state by moving it to their common parent.

Where should the lifted state be stored?

A In a global variable

B In the child component that uses it

C In the closest common parent component

D In a separate file

The state should live in the closest common parent so all children needing it can access it via props.

How do child components update the lifted state?

A By directly changing the parent's state

B By reloading the app

C By using global variables

D By calling functions passed down as props

Parents pass down update functions as props; children call these to request state changes.

Which of these is NOT a benefit of lifting state up?

A Keeps data consistent

B Makes components independent of each other

C Avoids duplicated state

D Simplifies data flow

Lifting state up actually connects components by sharing state, so they are not independent.

If two sibling components need to display the same data, what should you do?

A Lift the state up to their parent

B Use local state in each component

C Duplicate the state in both components

D Use a third-party library immediately

Lifting state up to the parent allows both siblings to share the same source of truth.

Explain in your own words what "lifting state up" means and why it is useful in React Native.

Think about how siblings can share information through their parent.

Describe a simple example where lifting state up improves your app's behavior.

Imagine two text inputs showing the same text.