Implementation for useDependency Pattern as a Hook

Examine the basic implementation and usage for “useDependency” hook in an example application.

The following exercise demonstrates the design seen in the previous lesson. Look at different parts of the implementation one by one.

DependencyProvider

It is essentially a context wrapper component for App.

Line #5 defines a DependencyProviderContext object that will be used to share config in other components.

App.js

The config object includes options and depdendencies on line #9.

Line #13 wraps the entire application with DependencyProvider from above. Notice how the config object is provided as a prop.

Get hands-on with 1200+ tech skills courses.