Hooks

115 lessons in React

• Data Fetching Race ConditionCode Quiz
• Effect Race Conditions & CleanupQuiz
• Custom Hook Filter Never UpdatesCode Quiz
• Why Hook Call Order MattersQuiz
• Hooks Internals & RulesSlides / Video
• Why Hooks Depend on Call OrderFlashcard
• Stale Closure in useCallbackCode Quiz
• useMemo vs useCallbackQuiz
• Debounce Hook Stale ClosureCode Quiz
• Stable Values with useRef vs useMemoQuiz
• Interval Counter Stuck at OneCode Quiz
• useEffect Cleanup Timing & DependenciesQuiz
• Core Hooks & Rules of HooksSlides / Video
• Core Hooks & Rules of HooksFlashcard
• Memoization, Refs & Custom HooksSlides / Video
• Memoization vs Refs in Custom HooksFlashcard
• Custom Hook Rules ViolationCode Quiz
• Custom Hooks & Rules of HooksQuiz
• useEffect Infinite Loop BugCode Quiz
• useEffect Dependency Array BehaviorQuiz
• Updating State on ClickCode Quiz
• Rules of HooksQuiz
• useState & useEffect BasicsSlides / Video
• useState & useEffect BasicsFlashcard
• useState, useEffect & Rules of HooksSlides / Video
• Hooks EssentialsFlashcard
• useEffect Infinite LoopCode Quiz
• useEffect for Side EffectsQuiz
• Counter with useStateCode Quiz
• useState BasicsQuiz
• useMemo, useCallback & Custom HooksSlides / Video
• useState & useEffect FundamentalsSlides / Video
• useMemo, useCallback & Custom HooksFlashcard
• useState & useEffect FundamentalsFlashcard
• 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
• useState Hook BasicsQuiz
• useMemo MemoizationQuiz
• useRef for Mutable ValuesQuiz
• Functional State UpdatesQuiz
• Rules of Hooks OrderingQuiz
• useEffect Dependency ArrayQuiz
• Hooks Only in Function ComponentsQuiz
• useEffect Cleanup FunctionQuiz
• useCallback MemoizationQuiz
• useLayoutEffect vs useEffectQuiz
• Stale Closures in HooksQuiz
• useRef for DOM ReferencesQuiz
• Lazy Initial StateQuiz
• useEffect BasicsQuiz
• useReducer HookQuiz
• State Batching in Event HandlersQuiz
• useContext HookQuiz
• Conditional Hook Call PitfallsQuiz
• Custom Hooks CreationQuiz
• Effect Run TimingQuiz
• 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
• Effect CleanupCode Quiz
• Previous Value RefCode Quiz
• Functional UpdatesCode Quiz
• Lazy Initial StateCode Quiz
• Mount-Only EffectCode Quiz
• Stale ClosureCode Quiz
• Rules of HooksCode Quiz
• Consuming ContextCode Quiz
• useRef ValueCode Quiz
• useMemo DependenciesCode Quiz
• useCallback UsageCode Quiz
• Custom HookCode Quiz
• State BatchingCode Quiz
• Immutable Array UpdateCode Quiz
• Object State UpdateCode Quiz
• useLayoutEffect TimingCode Quiz
• Basic Effect ExecutionCode Quiz
• Dependency ArrayCode Quiz
• Dependencies and Stale ClosuresSlides / Video
• Custom Hooks for Reusable LogicSlides / Video
• useCallback for Memoizing FunctionsSlides / Video
• Why Hooks Replaced LifecyclesFlashcard
• useLayoutEffect vs useEffectFlashcard
• Batching State UpdatesFlashcard
• Preserving Hook OrderFlashcard
• useEffect CleanupFlashcard
• useRef UsesFlashcard
• useContext HookFlashcard
• useState BasicsFlashcard
• Effect Run TimingFlashcard
• useEffect DependenciesFlashcard
• Stale ClosuresFlashcard
• Custom Hooks vs HOCsFlashcard
• useMemo vs useCallbackFlashcard
• useCallback BasicsFlashcard
• useMemo BasicsFlashcard
• useRef vs StateFlashcard
• useReducer vs useStateFlashcard
• useReducer HookFlashcard
• useEffect BasicsFlashcard
• Functional State UpdatesFlashcard
• Rules of HooksFlashcard
• useImperativeHandleFlashcard
• Custom HooksFlashcard
• Lazy Initial StateFlashcard