Learn EDR Internals: Research & Development From The Masters
Learn AI, Data Science & Business — Earn Certificates That Get You Hired
Overview
AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
Dive into state management in React with this comprehensive tutorial on the Context API and useContext hook. Learn how to create and implement context, refactor components using useContext, and optimize your React applications by distinguishing between component state and shared state. Explore practical examples of refactoring various components, including Header, Nav, Home, NewPost, EditPost, and PostPage. Gain insights into when to use context and how to balance component-level and shared state for more efficient React development.
Syllabus
Intro
Welcome
Quick Overview
Creating Context
Adding the DataProvider
Moving State and Logic to Context
Refactoring Header with useContext
Refactoring Nav with useContext
Refactoring Home with useContext
Refactoring NewPost with useContext
Refactoring EditPost with useContext
Refactoring PostPage with useContext
App component clean up
Does it all need to be in context?
Component state vs shared state with context
Refactoring component states while keeping shared state in context
Taught by
Dave Gray