Data Flow Challenges in React

Front

How does a parent component pass data to a child component in React?

Back

By using props

Front

Which of the following is true about React props?
- Props are read-only.
- Props can be used to pass data and functions.
- Props allow two-way binding by default.
- Props are used to pass data from parent to child components.

Back

Props are used to pass data from parent to child components.

Front

How would you pass the `user` data to display the user's name in a `Header` component and allow the name to be updated via a `Settings` component? Options: Pass the `user` object and update function through every intermediate component., Create a new `user` state in the `Settings` component., Use a global variable outside React., Pass the `user` object directly to `Settings` using hooks.

Back

Pass the `user` object and update function through every intermediate component.

Front

What happens if the `Settings` component is deeply nested under multiple intermediate components?

Back

You’ll need to pass props through every intermediate component.

Front

What are some challenges of passing data through multiple intermediate components?

Back

Increased complexity in code maintenance.

Front

If the number of intermediate components increases significantly, what problem is likely to occur?

Back

It will become difficult to debug and maintain.

Front

Which of the following is NOT a good solution for managing data across deeply nested components?
- Passing props through every intermediate component.
- Using Context API to manage state globally.
- Using Redux to manage state globally.
- Using custom hooks to simplify logic.

Back

Passing props through every intermediate component.

Front

How does using tools like Context API or Redux solve the problem of passing props through multiple intermediate components?

Back

They allow state to be accessed directly by components that need it.

Front

Imagine a real-world app where you frequently need to pass user data (like name and age) to multiple components. What issues might you face if you rely solely on passing props through parent-child relationships?

Back

It would make the code difficult to scale and debug.

Front

If you need to share state across many unrelated components, what approach would you prefer? Why? Options: Using a global state management tool like Context API or Redux., Passing props through every component., Using local state in each component., Avoiding state management altogether.

Back

Using a global state management tool like Context API or Redux.