React: Context API Development

React: Context API Development

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 0h 41m | 147 MB

React components provide convenient units of self-contained functionality—but wiring them together, especially when data goes to multiple places, can get repetitive. In this course, join Emmanuel Henri as he explores the React context API, which lets you share values across component trees and subtrees. As he steps through the course project, Emmanuel goes over the syntax of context, how to set it up in your projects, and how to update context. Plus, learn how to consume multiple contexts into your app, as well as what to avoid when working with context.

Topics include:

  • 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
Table of Contents

Introduction
1 Enable components to share data with the Context API
2 What you should know

First Steps
3 Introduction to the Context API
4 Set up React
5 Base project introduction

Overview of Context
6 Create a context object
7 Introduction to the context provider
8 Introduction to the consumer

Update Context
9 Overview of updating context
10 Implementation of updating context
11 Update context from a nested component
12 What to avoid and how to resolve issues

Consume Multiple Contexts
13 Overview of the node tree in React
14 Multiple contexts
15 Challenge Implement final context
16 Solution Context implemented

Conclusion
17 Next steps