Learn Context in React 19

Jul 27, 2025Channel
AI Analysis
Data from YouTube Data API v3Updated Just now

Video Overview

Video Details

Published11 months ago
Duration38:34
Video ID3WLVsxlVTxk
Languageen
CategoryEducation
PrivacyPublic
Made for KidsNo
Video TypeRegular Video

Performance Metrics

Views2.5K
Likes142
Comments29
Engagement Rate6.90%
Likes per 100 views5.73
Comments per 1K views11.69

Description

Learn context in React 19 with the new syntax and new use() hook. Understand when and why to use context to avoid prop drilling. Including industry best practices and sample code to practice on. Starting code: https://github.com/codinginflow/react-19-context Final code: https://github.com/codinginflow/react-19-context/tree/Final-code ⭐ Get my full-stack Next.js with Express & TypeScript course: https://codinginflow.com/nextjs ✅ Get my free React Best Practices course: https://www.codinginflow.com/reactbestpractices 💌 Join my newsletter for regular web dev tips: https://codinginflow.com/newsletter 💬 Join our developer community on Discord: https://codinginflow.com/discord 📣 Follow Coding in Flow on social media: Twitter: https://twitter.com/codinginflow Instagram: https://instagram.com/codinginflow TikTok: https://tiktok.com/@codinginflow Facebook: https://facebook.com/codinginflow Timestamps: 0:00 - Intro 0:48 - Starting code setup 1:30 - The problem with prop drilling 5:22 - Basic context provider 11:23 - Nested context providers 14:01 - Auth provider 25:19 - Custom context hook 29:02 - Default value/SSR 33:05 - Conditionally calling use hook 37:38 - Outro & more resources

Related Videos

More videos from Coding in Flow