Overview
-
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.
Syllabus
-
Introduction
- Enable components to share data with the Context API
- What you should know
- Introduction to the Context API
- Set up React
- Base project introduction
- Create a context object
- Introduction to the context provider
- Introduction to the consumer
- Overview of updating context
- Implementation of updating context
- Update context from a nested component
- What to avoid and how to resolve issues
- Overview of the node tree in React
- Multiple contexts
- Challenge: Implement final context
- Solution: Context implemented
- Next steps
