Provider Pattern

Table of Contents

• When to Use
• Instructions
• Details
• Source

In some cases, we want to make available data to many (if not all) components in an application. Although we can pass data to components using props, this can be difficult to do if almost all components in your application need access to the value of the props.

We often end up with something called prop drilling, which is the case when we pass props far down the component tree. Refactoring the code that relies on the props becomes almost impossible, and knowing where certain data comes from is difficult.

When to Use

• Use this when many components need access to the same data (themes, auth, locale)
• This is helpful when prop drilling becomes unwieldy across multiple component layers

Instructions