92 items
useState Hook Basics
Code QuizContext Performance Pitfalls & Re-renders
Slides / VideoFunctional Updates with Previous State
QuizuseContext Hook Consumption
QuizManaging Derived State
QuizAvoiding Unnecessary Re-renders
QuizuseState Hook Fundamentals
QuizState Updates Are Asynchronous
QuizImmutable State Updates
QuizLifting State Up
QuizuseReducer for Complex Logic
QuizuseState vs useReducer
QuizContext API for Shared State
QuizContext Provider Re-render Pitfalls
QuizuseEffect for Side Effects
QuizuseRef for Mutable State
QuizState vs Props Distinction
QuizPreserving and Resetting State
QuizControlled TextInput State
QuizGlobal State Libraries Overview
QuizRedux Core Concepts
QuizRedux Toolkit Slices
QuizPersisting State with AsyncStorage
QuizMemoizing Derived Values
QuizCreating and Providing Context
Slides / VideouseContext Hook Basics
Slides / VideoContext API for Global State
Slides / VideoThe Prop Drilling Problem
Slides / VideoLifting State Up to Share Between Components
Slides / VideouseReducer for Complex State Logic
Slides / VideouseState Hook for Local Component State
Slides / VideoCustom Hooks for Reusable Stateful Logic
Slides / VideouseEffect for Syncing State with Side Effects
Slides / VideoPersisting State with AsyncStorage
Slides / VideoAsync State & Data Fetching Patterns
Slides / VideoChoosing Local, Context, or External Store
Slides / VideoZustand as a Lightweight State Library
Slides / VideouseSelector & useDispatch Hooks
Slides / VideoActions, Reducers, and Dispatch
Slides / VideoDerived State from Props
Code QuizuseMemo for Derived Values
Code QuizuseRef for Non-Rendering State
Code QuizContext API for Global State
Code QuizPassing State Down via Props
Code QuizLifting State Up
Code QuizFunctional State Updates
Code QuizUpdating Object State
Code QuizUpdating Array State
Code QuizLazy Initial State
Code QuizMultiple vs Single State Object
Code QuizuseReducer for Complex State
Code QuizDispatching Actions
Code QuizPassing Setters as Callbacks
Code QuizuseContext Hook Consumption
Code QuizContext Provider Value Setup
Code QuizuseEffect for State Sync
Code QuizuseCallback for Stable Handlers
Code QuizBatching of State Updates
Code QuizStale Closure in Updates
Code QuizRedux Toolkit for Simplified Setup
Slides / VideoRedux Fundamentals & Store Concept
Slides / VideoFunctional Updates with Previous State
Slides / VideoImmutability When Updating State
FlashcardFunctional Updates
FlashcardRecoil and Jotai Atoms
FlashcardBatching of State Updates
FlashcardRedux Core Concepts
FlashcardZustand Lightweight State
FlashcardCustom Hooks for Stateful Logic
FlashcardMobX Observable State
FlashcardAsync Updates with useEffect
FlashcardChoosing State Scope
FlashcardServer State with React Query
FlashcardSharing State Across Screens
FlashcardAvoiding Stale Closures
FlashcardDerived State and Selectors
FlashcardRedux Persist Rehydration
FlashcardPersisting State with AsyncStorage
FlashcarduseSelector and useDispatch
FlashcardState vs Props
FlashcardProp Drilling Problem
FlashcardContext Performance Pitfalls
FlashcardRedux Toolkit Setup
FlashcardCreating and Consuming Context
FlashcarduseReducer for Complex State
FlashcardContext API for Global State
FlashcardProvider Placement and Composition
FlashcardLifting State Up
FlashcarduseRef for Mutable State
FlashcardImmutability in State Updates
Slides / VideoState vs Props Distinction
Slides / VideouseRef for Non-Rendering State
Slides / VideoContext Provider Value Setup
Forgetting the value prop leaves the default in effect.
const CountContext = React.createContext(0);
function Provider({ children }) {
const [count, setCount] = useState(5);
return (
<CountContext.Provider count={count}>
{children}
</CountContext.Provider>
);
}What is the bug in this code?