7^th Practical Class:
React Context

Prop Drilling

React Context and useContext Hook

Nested Context Providers

useContext Without Context Provider

Create Context:

• Context documentation
• useContext documentation

Provide Context Value:

Get Context Value:

Who is Using Context?

• libraries:
  • Apollo Client (useQuery, useMutation, ...)
  • Formik (useField, Field, Form, ...)
  • React Router
• Quacker & Team Projects: useAuth

useAuth in Quacker & Team Project

• see frontend/src/utils/auth.js

Usage:

Use Context Like a Pro

• 👌 Please read: How to use React Context effectively 👌