92 items
useState Hook Basics
Code QuizContext Performance Pitfalls & Re-renders
Slides / VideoAvoiding Unnecessary Re-renders
QuizManaging Derived State
QuizuseContext Hook Consumption
QuizMemoizing Derived Values
QuizPersisting State with AsyncStorage
QuizRedux Toolkit Slices
QuizRedux Core Concepts
QuizGlobal State Libraries Overview
QuizControlled TextInput State
QuizPreserving and Resetting State
QuizState vs Props Distinction
QuizuseRef for Mutable State
QuizuseEffect for Side Effects
QuizContext Provider Re-render Pitfalls
QuizContext API for Shared State
QuizuseState vs useReducer
QuizuseReducer for Complex Logic
QuizLifting State Up
QuizImmutable State Updates
QuizFunctional Updates with Previous State
QuizState Updates Are Asynchronous
QuizuseState Hook Fundamentals
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 / VideoUpdating Array State
Code QuizuseCallback for Stable Handlers
Code QuizBatching of State Updates
Code QuizStale Closure in Updates
Code QuizuseRef for Non-Rendering State
Code QuizuseEffect for State Sync
Code QuizContext Provider Value Setup
Code QuizuseContext Hook Consumption
Code QuizPassing Setters as Callbacks
Code QuizDispatching Actions
Code QuizuseReducer for Complex State
Code QuizMultiple vs Single State Object
Code QuizLazy Initial State
Code QuizUpdating Object State
Code QuizFunctional State Updates
Code QuizLifting State Up
Code QuizPassing State Down via Props
Code QuizContext API for Global State
Code QuizDerived State from Props
Code QuizuseMemo for Derived Values
Code QuizRedux Toolkit for Simplified Setup
Slides / VideoRedux Fundamentals & Store Concept
Slides / VideoFunctional Updates with Previous State
Slides / VideoPersisting State with AsyncStorage
FlashcardState vs Props
FlashcardLifting State Up
FlashcardRedux Persist Rehydration
FlashcardDerived State and Selectors
FlashcardBatching of State Updates
FlashcardRedux Core Concepts
FlashcardZustand Lightweight State
FlashcarduseReducer for Complex 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
FlashcarduseSelector and useDispatch
FlashcardContext API for Global State
FlashcardProvider Placement and Composition
FlashcardRecoil and Jotai Atoms
FlashcardFunctional Updates
FlashcardImmutability When Updating State
FlashcardRedux Toolkit Setup
FlashcardCreating and Consuming Context
FlashcardContext Performance Pitfalls
FlashcardProp Drilling Problem
FlashcarduseRef for Mutable State
FlashcardImmutability in State Updates
Slides / VideoState vs Props Distinction
Slides / VideouseRef for Non-Rendering State
Slides / VideouseState Hook Basics
Spot why a counter never updates the screen when its button is pressed.
import React, { useState } from 'react';
import { View, Text, Button } from 'react-native';
function Counter() {
const [count, setCount] = useState(0);
const increment = () => {
count = count + 1;
};
return (
<View>
<Text>{count}</Text>
<Button title="Add" onPress={increment} />
</View>
);
}
export default Counter;What is the bug that stops the counter from updating on screen?