React Context for State Management

In many cases, teams reach for Redux as the de facto choice for state management. But sometimes, Redux is overkill. In those cases, the React Context API might suit your needs perfectly.
In this course, we’ll build a simple email client using the React Context API to pass data throughout the app. You’ll learn how to create a context, how to pass data deeply through an app without manually passing props all over the place, and how to group related data and logic using simple wrapper components. We’ll also cover practical applications like using Context to display and manage notifications, how to maximize performance with Context, and how to test the components that use it to ensure your app is working properly.

• Introduction to React Context for State Management
• Avoid passing props deeply by using React Context
• Pass Data With a Callback Through React Context
• Hide the Implementation Details of a Context Provider
• Use Multiple React Context Providers in the Same App
• Use a React Context Consumer Outside of the Matching Provider
• Use React Context to Display Notifications
• Use contextType to Consume Context in a React Class Without a Consumer
• Use the useContext Hook to Consume Context in Function Components
• Test a Component That Uses a React Context Consumer
• Test a Component That Uses a React Context Provider
• Performantly Render a Large List of Items with React Context