Context API

50 lessons in React

• The Prop Drilling Problem Context SolvesSlides / Video
• Re-rendering Behavior of Context ConsumersSlides / Video
• React.memo Won't Stop Context Re-rendersCode Quiz
• Nesting and Overriding ProvidersSlides / Video
• Custom Consumer Hook for ContextSlides / Video
• Creating a Custom Provider ComponentSlides / Video
• Context with useReducerSlides / Video
• Memoizing Context Provider ValuesSlides / Video
• Splitting Contexts to Minimize Re-rendersSlides / Video
• Providing Context Values with ProviderSlides / Video
• Creating Context with createContextSlides / Video
• Nested Providers and ShadowingCode Quiz
• Updating Context via StateCode Quiz
• Context.Consumer Render PropCode Quiz
• Passing Updaters Through ContextCode Quiz
• Reading Context Outside the ProviderCode Quiz
• Default Value Without a ProviderCode Quiz
• Providing a Context ValueCode Quiz
• Creating a ContextCode Quiz
• Inverted Guard in Custom Context HookCode Quiz
• Inline Context Value Re-rendersCode Quiz
• Reducer Missing Default CaseCode Quiz
• Swapped State and Dispatch ContextsCode Quiz
• displayName for DevToolsQuiz
• Context Value Identity PitfallQuiz
• Default Value in createContextQuiz
• Context.Consumer Render PropQuiz
• Context Re-render BehaviorQuiz
• Memoizing Context ValueQuiz
• Context with useReducerQuiz
• Splitting ContextsQuiz
• Nested and Multiple ProvidersQuiz
• Overriding Context ValuesQuiz
• Custom Hook for ContextQuiz
• When to Use ContextQuiz
• Providing Context ValuesQuiz
• Creating a ContextQuiz
• Context LimitationsFlashcard
• Context displayNameFlashcard
• Nesting and Overriding ProvidersFlashcard
• Re-render on Value ChangeFlashcard
• The value PropFlashcard
• Providing a ContextFlashcard
• Creating a ContextFlashcard
• Context.Consumer Render PropFlashcard
• Context with useReducerFlashcard
• Default Value in createContextFlashcard
• Custom useContext HookFlashcard
• Splitting ContextsFlashcard
• Memoizing Context ValueFlashcard