Context API

51 lessons in React

• 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
• The Prop Drilling ProblemSlides / Video
• Re-rendering of Context ConsumersSlides / Video
• Default Values in createContextSlides / Video
• Passing Updaters Through ContextCode Quiz
• Updating Context via StateCode Quiz
• Context.Consumer Render PropCode Quiz
• Nested Providers and ShadowingCode 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
• Swapped State and Dispatch ContextsCode Quiz
• Reducer Missing Default CaseCode Quiz
• Inline Context Value Re-rendersCode Quiz
• Context.Consumer Render PropQuiz
• Memoizing Context ValueQuiz
• Context Value Identity PitfallQuiz
• Overriding Context ValuesQuiz
• Nested and Multiple ProvidersQuiz
• Context with useReducerQuiz
• Splitting ContextsQuiz
• Providing Context ValuesQuiz
• Creating a ContextQuiz
• displayName for DevToolsQuiz
• When to Use ContextQuiz
• Default Value in createContextQuiz
• Context Re-render BehaviorQuiz
• Custom Hook for ContextQuiz
• Context LimitationsFlashcard
• Default Value in createContextFlashcard
• Re-render on Value ChangeFlashcard
• The value PropFlashcard
• Providing a ContextFlashcard
• Memoizing Context ValueFlashcard
• Splitting ContextsFlashcard
• Creating a ContextFlashcard
• Custom useContext HookFlashcard
• Context.Consumer Render PropFlashcard
• Context with useReducerFlashcard
• Context displayNameFlashcard
• Nesting and Overriding ProvidersFlashcard