React-Context

Question 1

What is the purpose of React “context”?

Answer 1

Context lets the parent component make some information available to any component in the tree below it—no matter how deep—without passing it explicitly through props.

Question 2

What values can be stored in context?

Answer 2

but you could pass any kind of value (even an object)

Question 3

How do you create context and make it available to the components?

Answer 3

you assign the createContext() function to a variable and pass it a default value and then to make it available to a component, you have to use the useContext hook and pass it the variable with createContext() assigned to it.

Question 4

How do you access the context values?

Answer 4

You have to wrap the components with a context provider. This tells react that if any component inside the parent component asks for the context, give them this level.” The component will use the value of the nearest <LevelContext.Provider> in the UI tree above it.</LevelContext.Provider>

Question 5

When would you use context? (in addition to the best answer: “rarely”)

Answer 5

When you have a compontent nested deep inside a component tree that you want to provide specific values to without having to pass the value down as a prop through many components