</>SkillRecallRECALL WHAT YOU KNOW
Prepare for an interviewExplore Library
ReactPerformance & Advanced Patterns

18 items

1

React.memo Custom Comparator Trap

Code Quiz
2

When React.memo Fails to Prevent Renders

Quiz
3

Reconciliation & Memoization Discipline

Slides / Video
4

Memoization Discipline in Reconciliation

Flashcard
5

Composition vs memo for re-renders

Quiz
6

Memoization Defeated by Inline Props

Code Quiz
7

Composition Before Memoization

Slides / Video
8

Composition Before Memoization

Flashcard
9

Keys in Rendered Lists

Code Quiz
10

Choosing Keys for List Items

Quiz
11

Lists, Keys & Conditional Rendering

Slides / Video
12

Lists, Keys & Conditional Rendering

Flashcard
13

SSR, Hydration & Streaming Internals

Slides / Video
14

Selective Hydration & Streaming SSR

Quiz
15

SSR, Hydration & Streaming Internals

Flashcard
16

Concurrent Rendering & the Scheduler

Slides / Video
17

Concurrent Rendering & the Scheduler

Quiz
18

Concurrent Rendering & the Scheduler

Flashcard
FlashcardAdvanced

Lists, Keys & Conditional Rendering

Learn why React needs stable keys when rendering lists and how to render UI conditionally.

Question

Why do keys matter when rendering lists, and how do you render UI conditionally in React?

Click to reveal answer