Hooks

81 lessons in React

• Lifecycle & Re-rendering with HooksSlides / Video
• When Do Components Re-render?Quiz
• Re-rendering Basics with HooksFlashcard
• useEffect for Side EffectsSlides / Video
• useMemo for Memoizing ValuesSlides / Video
• useReducer for Complex State LogicSlides / Video
• useReducer Mutation BugCode Quiz
• useState Basic Update BugCode Quiz
• useEffect BasicsQuiz
• useState Hook BasicsQuiz
• Lazy Initial StateQuiz
• useMemo MemoizationQuiz
• useRef for DOM ReferencesQuiz
• Stale Closures in HooksQuiz
• Rules of Hooks OrderingQuiz
• useRef for Mutable ValuesQuiz
• Functional State UpdatesQuiz
• useLayoutEffect vs useEffectQuiz
• useCallback MemoizationQuiz
• useEffect Cleanup FunctionQuiz
• Hooks Only in Function ComponentsQuiz
• useEffect Dependency ArrayQuiz
• Effect Run TimingQuiz
• Custom Hooks CreationQuiz
• Conditional Hook Call PitfallsQuiz
• useContext HookQuiz
• State Batching in Event HandlersQuiz
• useReducer HookQuiz
• useRef for Mutable Values and DOM AccessSlides / Video
• useContext for Consuming ContextSlides / Video
• useEffect Cleanup FunctionsSlides / Video
• useEffect Dependency Array BehaviorSlides / Video
• Functional Updates with useStateSlides / Video
• useState for Local Component StateSlides / Video
• What Hooks Are and Rules of HooksSlides / Video
• useState vs useReducerSlides / Video
• Custom HookCode Quiz
• State BatchingCode Quiz
• Immutable Array UpdateCode Quiz
• Object State UpdateCode Quiz
• useLayoutEffect TimingCode Quiz
• Previous Value RefCode Quiz
• Dependency ArrayCode Quiz
• Basic Effect ExecutionCode Quiz
• Lazy Initial StateCode Quiz
• Functional UpdatesCode Quiz
• useRef ValueCode Quiz
• useMemo DependenciesCode Quiz
• useCallback UsageCode Quiz
• Stale ClosureCode Quiz
• Mount-Only EffectCode Quiz
• Effect CleanupCode Quiz
• Consuming ContextCode Quiz
• Rules of HooksCode Quiz
• Dependencies and Stale ClosuresSlides / Video
• Custom Hooks for Reusable LogicSlides / Video
• useCallback for Memoizing FunctionsSlides / Video
• Effect Run TimingFlashcard
• useState BasicsFlashcard
• useContext HookFlashcard
• useRef UsesFlashcard
• Preserving Hook OrderFlashcard
• Batching State UpdatesFlashcard
• Lazy Initial StateFlashcard
• useEffect CleanupFlashcard
• useLayoutEffect vs useEffectFlashcard
• Why Hooks Replaced LifecyclesFlashcard
• useEffect DependenciesFlashcard
• Custom HooksFlashcard
• useImperativeHandleFlashcard
• Rules of HooksFlashcard
• Functional State UpdatesFlashcard
• useEffect BasicsFlashcard
• useReducer HookFlashcard
• useReducer vs useStateFlashcard
• useRef vs StateFlashcard
• useMemo BasicsFlashcard
• useCallback BasicsFlashcard
• useMemo vs useCallbackFlashcard
• Custom Hooks vs HOCsFlashcard
• Stale ClosuresFlashcard