Why can't I use `useState` inside an "if" statement or a loop?

React relies on a stable call order to associate state with the correct component. Internally, React stores "memory cells" in a specific sequence—like items on a shelf. If a Hook is placed inside a conditional branch and that condition changes, the order of the Hooks shifts, causing React to provide the wrong memory to the wrong variable. To avoid this, Hooks must always be called at the top level of your component.

Why does my state variable still show the old value immediately after I call the setter function?

This happens because of the "snapshot" concept. When a component renders, React takes a snapshot of the state at that specific moment in time. Calling a setter function does not change the variable in the current execution of the function; instead, it requests a re-render with a new value for the future. The current function finishes its execution using the original "snapshot" values it had at the start.

What is "referential equality" and why does it matter for state updates?

Referential equality is the fast check React uses to determine if an object or array has changed by looking at its memory address (its "ID") rather than its internal properties. If you mutate a property of an existing object directly, the memory address remains the same, and React will skip the re-render because it assumes nothing has changed. To trigger an update, you must provide a brand-new object or array, often using the spread operator to create a shallow copy.

How does React handle multiple state updates occurring in a single event?

React uses a performance optimization called "batching." Instead of re-rendering the entire UI for every single state change, React acts like a waiter taking a full table order before going to the kitchen. It waits until the event handler has finished running, collects all requested state changes, and then performs a single, optimized re-render to update the screen.

What is an "updater function" and when should I use it?

An updater function is a small function passed to a state setter—like `setCount(prev => prev + 1)`—instead of a direct value. This is necessary when the new state depends on the previous state and you are performing multiple updates within the same render cycle. Because state acts as a snapshot, multiple direct updates will all use the same starting value; the updater function ensures you are always working with the latest pending state in React's queue.

useState: Giving Your React Components a Memory

19 min

2 de mar. de 2026

Technology Education Productivity

Learn how useState acts as a component's memory to track data like searchText. Discover why state changes trigger re-renders and why you must never mutate state directly to keep your UI in sync.

Melhor citação de useState: Giving Your React Components a Memory

State is your component's memory; if you want it to remember something across re-renders, you must use the setter function to signal React to take a new snapshot of the UI.

Esta aula em áudio foi criada por um membro da comunidade BeFreed

Pergunta de entrada

Teach useState simply: state is component memory. Changing state triggers re-render. Use examples like isPlaying and searchText. Explain why direct mutation is wrong. One tiny code reference only.

Vozes dos apresentadores

Lena

Jackson

Estilo de aprendizagem

Divertido

Fontes de conhecimento

Perguntas frequentes

Descubra mais

deep react knowledge

PLANO DE APRENDIZADO

deep react knowledge

React continues to dominate the frontend development landscape, but mastering its core concepts and advanced patterns is essential for building professional-grade applications. This learning plan is ideal for developers who have basic JavaScript knowledge and want to become proficient React engineers capable of building complex, performant applications.

2 h 22 m•3 Seções

Memory

PLANO DE APRENDIZADO

Memory

In an age of information overload, the ability to retain and recall knowledge is a critical competitive advantage. This plan is ideal for students, professionals, and lifelong learners looking to transition from forgetfulness to high-performance mental storage using science-backed methods.

2 h 55 m•4 Seções

Sharpen mind: recall & trivia

PLANO DE APRENDIZADO

Sharpen mind: recall & trivia

In our information-rich world, the ability to quickly recall facts and knowledge is increasingly valuable both socially and professionally. This learning plan benefits anyone looking to improve their memory capacity, excel at trivia competitions, or simply become more knowledgeable and quick-witted in conversations.

2 h 53 m•4 Seções

AI memory ownership

PLANO DE APRENDIZADO

AI memory ownership

As AI integrates into daily life, understanding who controls the 'memory' of these systems is critical for digital sovereignty. This plan is essential for tech-conscious individuals, policy advocates, and professionals looking to protect their digital rights and navigate the shifting landscape of data ownership.

2 h 34 m•4 Seções

Getting a photographic memory

PLANO DE APRENDIZADO

Getting a photographic memory

This plan is essential for students, professionals, and lifelong learners who want to transcend natural cognitive limits. It bridges the gap between biological memory and elite performance by teaching the exact systems used by memory champions.

2 h 14 m•4 Seções

I want to be better at remember to study

PLANO DE APRENDIZADO

I want to be better at remember to study

This plan is designed for students and lifelong learners who struggle with consistency and retention. It bridges the gap between intention and action by combining behavioral habit design with advanced cognitive learning strategies.

3 h 12 m•4 Seções

Master Go, React, and JavaScript Development

PLANO DE APRENDIZADO

Master Go, React, and JavaScript Development

This plan is essential for developers aiming to bridge the gap between frontend and backend mastery using modern frameworks. It is ideal for aspiring full-stack engineers who want to build scalable, high-performance applications with Go and React.

4 h 5 m•4 Seções

Summarize books read for better recall

PLANO DE APRENDIZADO

Summarize books read for better recall

This plan is essential for lifelong learners and professionals who struggle to retain the vast amount of information they consume. It provides a systematic bridge between passive reading and active knowledge application through science-backed memory techniques.

2 h 7 m•3 Seções

Criado por ex-alunos da Universidade de Columbia em San Francisco

BeFreed Reúne Uma Comunidade Global De 1,000,000 Mentes Curiosas

Veja mais sobre como o BeFreed é discutido na web

"Instead of endless scrolling, I just hit play on BeFreed. It saves me so much time."

@Moemenn

"I never knew where to start with nonfiction—BeFreed’s book lists turned into podcasts gave me a clear path."

@Chloe, Solo founder, LA

117

"Perfect balance between learning and entertainment. Finished ‘Thinking, Fast and Slow’ on my commute this week."

@Raaaaaachelw

"Crazy how much I learned while walking the dog. BeFreed = small habits → big gains."

@Matt, YC alum

108

"Reading used to feel like a chore. Now it’s just part of my lifestyle."

@Erin, Investment Banking Associate , NYC

254

"Feels effortless compared to reading. I’ve finished 6 books this month already."

@djmikemoore

"BeFreed turned my guilty doomscrolling into something that feels productive and inspiring."

@Pitiful

4.5K

"BeFreed turned my commute into learning time. 20-min podcasts are perfect for finishing books I never had time for."

@SofiaP

"BeFreed replaced my podcast queue. Imagine Spotify for books — that’s it. 🙌"

@Jaded_Falcon

201

"It is great for me to learn something from the book without reading it."

@OojasSalunke

"The themed book list podcasts help me connect ideas across authors—like a guided audio journey."

@Leo, Law Student, UPenn

483

"Makes me feel smarter every time before going to work"

@Cashflowbubu

Criado por ex-alunos da Universidade de Columbia em San Francisco

BeFreed Reúne Uma Comunidade Global De 1,000,000 Mentes Curiosas

Veja mais sobre como o BeFreed é discutido na web

"Instead of endless scrolling, I just hit play on BeFreed. It saves me so much time."

@Moemenn

"I never knew where to start with nonfiction—BeFreed’s book lists turned into podcasts gave me a clear path."

@Chloe, Solo founder, LA

117

"Perfect balance between learning and entertainment. Finished ‘Thinking, Fast and Slow’ on my commute this week."

@Raaaaaachelw

"Crazy how much I learned while walking the dog. BeFreed = small habits → big gains."

@Matt, YC alum

108

"Reading used to feel like a chore. Now it’s just part of my lifestyle."

@Erin, Investment Banking Associate , NYC

254

"Feels effortless compared to reading. I’ve finished 6 books this month already."

@djmikemoore

"BeFreed turned my guilty doomscrolling into something that feels productive and inspiring."

@Pitiful

4.5K

"BeFreed turned my commute into learning time. 20-min podcasts are perfect for finishing books I never had time for."

@SofiaP

"BeFreed replaced my podcast queue. Imagine Spotify for books — that’s it. 🙌"

@Jaded_Falcon

201

"It is great for me to learn something from the book without reading it."

@OojasSalunke

"The themed book list podcasts help me connect ideas across authors—like a guided audio journey."

@Leo, Law Student, UPenn

483

"Makes me feel smarter every time before going to work"

@Cashflowbubu

"Instead of endless scrolling, I just hit play on BeFreed. It saves me so much time."

@Moemenn

"I never knew where to start with nonfiction—BeFreed’s book lists turned into podcasts gave me a clear path."

@Chloe, Solo founder, LA

117

"Perfect balance between learning and entertainment. Finished ‘Thinking, Fast and Slow’ on my commute this week."

@Raaaaaachelw

"Crazy how much I learned while walking the dog. BeFreed = small habits → big gains."

@Matt, YC alum

108

"Reading used to feel like a chore. Now it’s just part of my lifestyle."

@Erin, Investment Banking Associate , NYC

254

"Feels effortless compared to reading. I’ve finished 6 books this month already."

@djmikemoore

"BeFreed turned my guilty doomscrolling into something that feels productive and inspiring."

@Pitiful

4.5K

"BeFreed turned my commute into learning time. 20-min podcasts are perfect for finishing books I never had time for."

@SofiaP

"BeFreed replaced my podcast queue. Imagine Spotify for books — that’s it. 🙌"

@Jaded_Falcon

201

"It is great for me to learn something from the book without reading it."

@OojasSalunke

"The themed book list podcasts help me connect ideas across authors—like a guided audio journey."

@Leo, Law Student, UPenn

483

"Makes me feel smarter every time before going to work"

@Cashflowbubu

"Instead of endless scrolling, I just hit play on BeFreed. It saves me so much time."

@Moemenn

"I never knew where to start with nonfiction—BeFreed’s book lists turned into podcasts gave me a clear path."

@Chloe, Solo founder, LA

117

"Perfect balance between learning and entertainment. Finished ‘Thinking, Fast and Slow’ on my commute this week."

@Raaaaaachelw

"Crazy how much I learned while walking the dog. BeFreed = small habits → big gains."

@Matt, YC alum

108

"Reading used to feel like a chore. Now it’s just part of my lifestyle."

@Erin, Investment Banking Associate , NYC

254

"Feels effortless compared to reading. I’ve finished 6 books this month already."

@djmikemoore

"BeFreed turned my guilty doomscrolling into something that feels productive and inspiring."

@Pitiful

4.5K

"BeFreed turned my commute into learning time. 20-min podcasts are perfect for finishing books I never had time for."

@SofiaP

"BeFreed replaced my podcast queue. Imagine Spotify for books — that’s it. 🙌"

@Jaded_Falcon

201

"It is great for me to learn something from the book without reading it."

@OojasSalunke

"The themed book list podcasts help me connect ideas across authors—like a guided audio journey."

@Leo, Law Student, UPenn

483

"Makes me feel smarter every time before going to work"

@Cashflowbubu

1.5K Ratings4.7

Comece sua jornada de aprendizado, agora

useState: Giving Your React Components a Memory

19 min

2 de mar. de 2026

Technology Education Productivity

Learn how useState acts as a component's memory to track data like searchText. Discover why state changes trigger re-renders and why you must never mutate state directly to keep your UI in sync.

Melhor citação de useState: Giving Your React Components a Memory

State is your component's memory; if you want it to remember something across re-renders, you must use the setter function to signal React to take a new snapshot of the UI.

Pontos-chave

Giving Your React Components a Memory

0:00

0:14

0:33

0:44

The Memory Cell and the Persistent Shelf

0:56

1:22

1:29

1:54

2:09

2:36

2:55

3:15

3:30

The Signal and the Snapshot

3:48

4:06

4:10

4:29

4:41

4:58

5:08

5:30

5:40

6:02

6:15

6:33

6:45

Why We Never Mutate Directly

7:01

7:16

7:28

7:46

1:29

2:55

8:41

8:52

9:14

9:28

9:51

10:02

Toggling State and Search Inputs

10:18

10:28

1:29

10:52

8:52

11:22

11:31

11:52

12:01

12:17

12:29

The Performance Secret of Batching

12:46

12:57

13:03

13:16

1:29

13:42

1:29

14:07

14:18

14:33

1:29

14:54

14:57

15:17

1:29

Mastering the Component Lifecycle

15:42

15:59

8:52

16:24

16:34

16:48

16:59

17:13

1:29

17:41

17:46

Closing Reflection and Wrap-up

17:47

18:03

18:29

18:46

18:57

19:20

19:31

19:43

19:51

19:54

Mais como este

Capa do livro React State: Why Your Components Need Internal Memory

26 sources

React State: Why Your Components Need Internal Memory

31 min

Capa do livro React State Mistakes: Stop Storing Derived Data

25 sources

React State Mistakes: Stop Storing Derived Data

22 min

Capa do livro Why useCallback matters for React performance

21 sources

Why useCallback matters for React performance

25 min

Capa do livro React State and Props Explained for Vibe Coders

29 sources

React State and Props Explained for Vibe Coders

13 min

Capa do livro Mastering useCallback: Solving the Mystery of Wasted Renders

Refactoring: Improving the Design of Existing Code

22 sources

Mastering useCallback: Solving the Mystery of Wasted Renders

22 min

Capa do livro Mastering React: Lifting State Up for Component Coordination

The Book You Wish Your Parents Had Read (and Your Children Will Be Glad That You Did)

23 sources

Mastering React: Lifting State Up for Component Coordination

22 min

Why We Remember

Charan Ranganath

10 min

Made You Look

Carmen Simon

9 min

Esta aula em áudio foi criada por um membro da comunidade BeFreed

Pergunta de entrada

Teach useState simply: state is component memory. Changing state triggers re-render. Use examples like isPlaying and searchText. Explain why direct mutation is wrong. One tiny code reference only.

Vozes dos apresentadores

Lena

Jackson

Estilo de aprendizagem

Divertido

Fontes de conhecimento

Perguntas frequentes

Descubra mais

deep react knowledge

PLANO DE APRENDIZADO

deep react knowledge

2 h 22 m•3 Seções

Memory

PLANO DE APRENDIZADO

Memory

2 h 55 m•4 Seções

Sharpen mind: recall & trivia

PLANO DE APRENDIZADO

Sharpen mind: recall & trivia

2 h 53 m•4 Seções

AI memory ownership

PLANO DE APRENDIZADO

AI memory ownership

2 h 34 m•4 Seções

Getting a photographic memory

PLANO DE APRENDIZADO

Getting a photographic memory

2 h 14 m•4 Seções

I want to be better at remember to study

PLANO DE APRENDIZADO

I want to be better at remember to study

3 h 12 m•4 Seções

Master Go, React, and JavaScript Development

PLANO DE APRENDIZADO

Master Go, React, and JavaScript Development

4 h 5 m•4 Seções

Summarize books read for better recall

PLANO DE APRENDIZADO

Summarize books read for better recall

2 h 7 m•3 Seções

Criado por ex-alunos da Universidade de Columbia em San Francisco

BeFreed Reúne Uma Comunidade Global De 1,000,000 Mentes Curiosas

Veja mais sobre como o BeFreed é discutido na web

"Instead of endless scrolling, I just hit play on BeFreed. It saves me so much time."

@Moemenn

"I never knew where to start with nonfiction—BeFreed’s book lists turned into podcasts gave me a clear path."

@Chloe, Solo founder, LA

117

"Perfect balance between learning and entertainment. Finished ‘Thinking, Fast and Slow’ on my commute this week."

@Raaaaaachelw

"Crazy how much I learned while walking the dog. BeFreed = small habits → big gains."

@Matt, YC alum

108

"Reading used to feel like a chore. Now it’s just part of my lifestyle."

@Erin, Investment Banking Associate , NYC

254

"Feels effortless compared to reading. I’ve finished 6 books this month already."

@djmikemoore

"BeFreed turned my guilty doomscrolling into something that feels productive and inspiring."

@Pitiful

4.5K

"BeFreed turned my commute into learning time. 20-min podcasts are perfect for finishing books I never had time for."

@SofiaP

"BeFreed replaced my podcast queue. Imagine Spotify for books — that’s it. 🙌"

@Jaded_Falcon

201

"It is great for me to learn something from the book without reading it."

@OojasSalunke

"The themed book list podcasts help me connect ideas across authors—like a guided audio journey."

@Leo, Law Student, UPenn

483

"Makes me feel smarter every time before going to work"

@Cashflowbubu

Criado por ex-alunos da Universidade de Columbia em San Francisco

BeFreed Reúne Uma Comunidade Global De 1,000,000 Mentes Curiosas

Veja mais sobre como o BeFreed é discutido na web

"Instead of endless scrolling, I just hit play on BeFreed. It saves me so much time."

@Moemenn

"I never knew where to start with nonfiction—BeFreed’s book lists turned into podcasts gave me a clear path."

@Chloe, Solo founder, LA

117

"Perfect balance between learning and entertainment. Finished ‘Thinking, Fast and Slow’ on my commute this week."

@Raaaaaachelw

"Crazy how much I learned while walking the dog. BeFreed = small habits → big gains."

@Matt, YC alum

108

"Reading used to feel like a chore. Now it’s just part of my lifestyle."

@Erin, Investment Banking Associate , NYC

254

"Feels effortless compared to reading. I’ve finished 6 books this month already."

@djmikemoore

"BeFreed turned my guilty doomscrolling into something that feels productive and inspiring."

@Pitiful

4.5K

"BeFreed turned my commute into learning time. 20-min podcasts are perfect for finishing books I never had time for."

@SofiaP

"BeFreed replaced my podcast queue. Imagine Spotify for books — that’s it. 🙌"

@Jaded_Falcon

201

"It is great for me to learn something from the book without reading it."

@OojasSalunke

"The themed book list podcasts help me connect ideas across authors—like a guided audio journey."

@Leo, Law Student, UPenn

483

"Makes me feel smarter every time before going to work"

@Cashflowbubu

"Instead of endless scrolling, I just hit play on BeFreed. It saves me so much time."

@Moemenn

"I never knew where to start with nonfiction—BeFreed’s book lists turned into podcasts gave me a clear path."

@Chloe, Solo founder, LA

117

"Perfect balance between learning and entertainment. Finished ‘Thinking, Fast and Slow’ on my commute this week."

@Raaaaaachelw

"Crazy how much I learned while walking the dog. BeFreed = small habits → big gains."

@Matt, YC alum

108

"Reading used to feel like a chore. Now it’s just part of my lifestyle."

@Erin, Investment Banking Associate , NYC

254

"Feels effortless compared to reading. I’ve finished 6 books this month already."

@djmikemoore

"BeFreed turned my guilty doomscrolling into something that feels productive and inspiring."

@Pitiful

4.5K

"BeFreed turned my commute into learning time. 20-min podcasts are perfect for finishing books I never had time for."

@SofiaP

"BeFreed replaced my podcast queue. Imagine Spotify for books — that’s it. 🙌"

@Jaded_Falcon

201

"It is great for me to learn something from the book without reading it."

@OojasSalunke

"The themed book list podcasts help me connect ideas across authors—like a guided audio journey."

@Leo, Law Student, UPenn

483

"Makes me feel smarter every time before going to work"

@Cashflowbubu

"Instead of endless scrolling, I just hit play on BeFreed. It saves me so much time."

@Moemenn

"I never knew where to start with nonfiction—BeFreed’s book lists turned into podcasts gave me a clear path."

@Chloe, Solo founder, LA

117

"Perfect balance between learning and entertainment. Finished ‘Thinking, Fast and Slow’ on my commute this week."

@Raaaaaachelw

"Crazy how much I learned while walking the dog. BeFreed = small habits → big gains."

@Matt, YC alum

108

"Reading used to feel like a chore. Now it’s just part of my lifestyle."

@Erin, Investment Banking Associate , NYC

254

"Feels effortless compared to reading. I’ve finished 6 books this month already."

@djmikemoore

"BeFreed turned my guilty doomscrolling into something that feels productive and inspiring."

@Pitiful

4.5K

"BeFreed turned my commute into learning time. 20-min podcasts are perfect for finishing books I never had time for."

@SofiaP

"BeFreed replaced my podcast queue. Imagine Spotify for books — that’s it. 🙌"

@Jaded_Falcon

201

"It is great for me to learn something from the book without reading it."

@OojasSalunke

"The themed book list podcasts help me connect ideas across authors—like a guided audio journey."

@Leo, Law Student, UPenn

483

"Makes me feel smarter every time before going to work"

@Cashflowbubu

1.5K Ratings4.7

Comece sua jornada de aprendizado, agora

useState: Giving Your React Components a Memory

Melhor citação de useState: Giving Your React Components a Memory

Esta aula em áudio foi criada por um membro da comunidade BeFreed

Perguntas frequentes

Why can't I use useState inside an "if" statement or a loop?

Why does my state variable still show the old value immediately after I call the setter function?

What is "referential equality" and why does it matter for state updates?

How does React handle multiple state updates occurring in a single event?

Descubra mais

deep react knowledge

Memory

Sharpen mind: recall & trivia

AI memory ownership

Getting a photographic memory

I want to be better at remember to study

Master Go, React, and JavaScript Development

Summarize books read for better recall

useState: Giving Your React Components a Memory

Melhor citação de useState: Giving Your React Components a Memory

Pontos-chave

Giving Your React Components a Memory

The Memory Cell and the Persistent Shelf

The Signal and the Snapshot

Why We Never Mutate Directly

Toggling State and Search Inputs

The Performance Secret of Batching

Mastering the Component Lifecycle

Closing Reflection and Wrap-up

Mais como este

Esta aula em áudio foi criada por um membro da comunidade BeFreed

Perguntas frequentes

Why can't I use useState inside an "if" statement or a loop?

Why does my state variable still show the old value immediately after I call the setter function?

What is "referential equality" and why does it matter for state updates?

How does React handle multiple state updates occurring in a single event?

Descubra mais

deep react knowledge

Memory

Sharpen mind: recall & trivia

AI memory ownership

Getting a photographic memory

I want to be better at remember to study

Master Go, React, and JavaScript Development

Summarize books read for better recall

Pontos-chave

Giving Your React Components a Memory

The Memory Cell and the Persistent Shelf

The Signal and the Snapshot

Why We Never Mutate Directly

Toggling State and Search Inputs

The Performance Secret of Batching

Mastering the Component Lifecycle

Closing Reflection and Wrap-up

Mais como este