Using the Context APIs

With React v16.3.0, released back in 2018, we finally got access to stable Context APIs. They give us a straightforward way to share data between all the components inside a given context without explicitly having to pass it via props from one component to another, even from children to a parent component. We highly recommend reading the official React documentation if you want to learn more about React Context.

Starting with this lesson, we'll always use the same boilerplate codeBoilerplate code is reusable, standard code serving as a template. for approaching global state management with different libraries.

Click the “Run” button below to execute the code. Once the execution is completed, observe the output by navigating to the link provided at the bottom of the playground.