Chapter 5: Sharing Component State with Context and Subscription

In the previous two chapters, we learned how to use Context and Subscription for a global state. Each has different benefits: Context allows us to provide different values for different subtrees, while Subscriptions prevent extra re-renders.

In this chapter, we will learn a new approach: combining React Context and Subscriptions. The combination will give us the benefits of each, which means:

  • Context can provide a global state to a subtree and the Context provider can be nested. Context allows us to control a global state in the React component lifecycle like the useState hook.
  • On the other hand, Subscriptions allow us to control re-renders, which is not possible with a single ...

Get Micro State Management with React Hooks now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.