Implement Passing Data with Context #154

[mthanh2209]

In this section, I learned how to pass data with useContext to avoid prop drilling.

1. What “prop drilling” is?

• Prop Drilling:
  • When you need to pass data from a parent component to a deeper nested child component, but intermediate components don't actually need that data.
  • This results in passing props through intermediate components just to get the data where it's needed, making the code complex and harder to maintain.

2. How to replace repetitive prop passing with context?

• It's a way to pass data down to child components without the need to pass props at every level.
• Context helps avoid prop drilling by providing a mechanism to access data directly from any component without passing props through intermediary components.

3. Common use cases for context?

• Theming: If your app lets the user change its appearance (e.g. dark mode).
• Current account: Many components might need to know the currently logged in user.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
react-training	❌ Failed (Inspect)			Jan 15, 2024 7:16am
storybook	❌ Failed (Inspect)			Jan 15, 2024 7:16am