Introduction to React Context for State Management

Dave Ceddia
InstructorDave Ceddia

Share this video with your friends

Send Tweet

State management is tough. It's probably one of the hardest parts about front end development, and there are a lot of different ways to solve it.

Plain React state is easy to start with, but threading props through a deep component tree gets painful. Redux is a popular solution, but it comes with complexity and a pretty steep learning curve, and turns out to be overkill for many projects.

React Context strikes a nice balance. It's built into React, it's easy to set up, and it makes it simple to pass props deeply through your app. Context is actually what Redux uses under the hood to pass data around!

In this course we’ll build a simple email client. You’ll learn how to manage user login and logout using Context, and how to group related data and logic using simple wrapper components. We’ll also cover practical applications like using Context to display notifications, how to optimize performance with Context, and how to test the components that use it.

bharat-kachhwaha
bharat-kachhwaha
~ 5 months ago

Is there a repo I can find code

Dave Ceddia
Dave Ceddiainstructor
~ 5 months ago

@bharat-kachhwaha - yep! The before & after code for each lesson is here: https://github.com/dceddia/use-react-context-for-state-management.