92 items
useState Hook Basics
Code QuizContext Performance Pitfalls & Re-renders
Slides / VideoAvoiding Unnecessary Re-renders
QuizuseContext Hook Consumption
QuizManaging Derived State
QuizuseState Hook Fundamentals
QuizState Updates Are Asynchronous
QuizFunctional Updates with Previous State
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 QuizPassing Setters as Callbacks
Code QuizuseContext Hook Consumption
Code QuizPassing State Down via Props
Code QuizLifting State Up
Code QuizContext Provider Value Setup
Code QuizuseEffect for State Sync
Code QuizuseRef for Non-Rendering State
Code QuizFunctional State Updates
Code QuizStale Closure in Updates
Code QuizBatching of State Updates
Code QuizuseCallback for Stable Handlers
Code QuizUpdating Array State
Code QuizMultiple vs Single State Object
Code QuizUpdating Object State
Code QuizLazy Initial State
Code QuizuseMemo for Derived Values
Code QuizDispatching Actions
Code QuizContext API for Global State
Code QuizuseReducer for Complex State
Code QuizRedux Toolkit for Simplified Setup
Slides / VideoRedux Fundamentals & Store Concept
Slides / VideoFunctional Updates with Previous State
Slides / VideoRedux Toolkit Setup
FlashcardProp Drilling Problem
FlashcarduseRef for Mutable State
FlashcardLifting State Up
FlashcarduseSelector and useDispatch
FlashcardPersisting State with AsyncStorage
FlashcardRedux Persist Rehydration
FlashcardDerived State and Selectors
FlashcardSharing State Across Screens
FlashcardServer State with React Query
FlashcardBatching of State Updates
FlashcardRedux Core Concepts
FlashcardZustand Lightweight State
FlashcardAvoiding Stale Closures
FlashcardCustom Hooks for Stateful Logic
FlashcardMobX Observable State
FlashcardAsync Updates with useEffect
FlashcardChoosing State Scope
FlashcardState vs Props
FlashcardProvider Placement and Composition
FlashcardContext API for Global State
FlashcarduseReducer for Complex State
FlashcardRecoil and Jotai Atoms
FlashcardFunctional Updates
FlashcardImmutability When Updating State
FlashcardCreating and Consuming Context
FlashcardContext Performance Pitfalls
FlashcardImmutability in State Updates
Slides / VideoState vs Props Distinction
Slides / VideouseRef for Non-Rendering State
Slides / VideoLazy Initial State
Calling an expensive function on every render instead of lazily.
function buildHugeList() {
console.log('computing...');
return Array.from({ length: 10000 }, (_, i) => i);
}
function List() {
const [data, setData] = useState(buildHugeList());
// ...
}What is the bug in this code?