React: Context API Development

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.

Introduction

• Enable components to share data with the Context API
• What you should know

1. First Steps

• Introduction to the Context API
• Set up React
• Base project introduction

2. Overview of Context

• Create a context object
• Introduction to the context provider
• Introduction to the consumer

3. Update Context

• Overview of updating context
• Implementation of updating context
• Update context from a nested component
• What to avoid and how to resolve issues

4. Consume Multiple Contexts

• Overview of the node tree in React
• Multiple contexts
• Challenge: Implement final context
• Solution: Context implemented

Conclusion

• Next steps