Context API - Behaviors

When you have multiple contexts, what component type should you use (class/function) and why?

The static contextType property won’t work if you need more than one.

What are some good use cases for using the Context API for global state?

when some data needs to be accessible by many components at different nesting levels.

How can you best test context?**

The best way to test Context is to make our tests unaware of its existence and avoiding mocks.

Term Definition

context

context is related to objects. It refers to the object to which a function belongs. When you use the JavaScript “this” keyword, it refers to the object to which function belongs.

useContext()

useContext” hook is used to create common data that can be accessed throughout the component hierarchy without passing the props down manually to each level.

static context

Static context defines items that are needed to prepare executables, items such as the names and types of external variables and functions that will be available at run time as well as compilation modes like backwards compatibility, math mode, and so on.

---

Preview

Which 3 things had you heard about previously and now have better clarity on?

• JSX
• React
• rendering Which 3 things are you hoping to learn more about in the upcoming lecture/demo?
• rendering
• React
• Dynamo/Mongo What are you most excited about trying to implement or see how it works?

• useContext