React.useContext hook ​

useContext hook takes the Context as param and returns values from that context. It's a suntax sugar on <Context.Consumer />

const { currentMood } = useContext(MoodContext);

This is great, because allows us to separate the business logic (taking the value from the context) and rendering; there's no need to nest rendering in any <Context.Consumer />. How cool is that!

Instead of this:

We have this:

However, this is not possible to replace <Context.Provider> yet.