Learn how to leverage the React context API, which allows you to set and use properties for many components, while avoiding a top-down approach across your components.
- When writing applications with React you may sometimes find yourself looking at your code and hoping you'd have a better way to handle the state and stop this madness of passing down props from top to bottom into your components. There is a solution and it is called a context API. Which is part of the React library and it is exactly what we'll explore in this course. Hi, I'm Mani Henri and having worked with React since the beginning of the library it'll be my pleasure to explore with you how best to leverage the context API into your React applications. We'll first take a look at what is the context API and what is the difference between a top down approach versus using context. Then we'll dive deep into the syntax of using the context API and how to set it up into your projects. Next, we'll explore how to update the context and what to avoid using it. And finally, we'll explore how to consume multiple context into your application. So if you're ready to get started with React's context API, open up your favorite editor and let's get started.
- Creating a context object
- Implementing the code for updating context
- Updating context from a nested component
- What to avoid when working with context
- How the node tree in React applies to context
- Consuming multiple contexts