Question 1

How do you handle side effects in functional components?

Accepted Answer

**Target Audience:** Frontend engineers preparing for React interviews — assumes basic familiarity with Hooks. **Difficulty:** Medium > **How to read this doc:** Every concept is explained in plain language first, then tagged with 📌 Interview term: — the exact vocabulary an interviewer expects. Every ordering and lifecycle claim below was produced by actually running React 19.2.8 in a real DOM (jsdom) in this repo, not described from documentation. ## 1. Why This Even Matters — A

Question 2

How would you structure a large React application?

Accepted Answer

**Target Audience:** Engineers preparing for senior React interviews — assumes practical experience. **Difficulty:** Medium > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. **A note on verification:** this is an architecture question with no runtime behaviour to measure, so nothing here was executed and none of it is presented as measured. Where a claim rests on something measurable elsewhere in this collection, it lin

Question 3

How do you fetch data in React?

Accepted Answer

**Target Audience:** Engineers preparing for React interviews — assumes useEffect. **Difficulty:** Medium > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. This doc is the decision landscape; async operations covers the mechanics and race conditions, and

Question 4

Async Server Components & waterfall prevention — fetching without blocking

Accepted Answer

**Target Audience:** Engineers preparing for React interviews — assumes Server Components basics. **Difficulty:** Medium > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. **A note on verification:** unlike most docs in this set, the behaviour here cannot be executed in a unit environment — Server Components need a server runtime and a bundler that understands the RSC protocol. Everything below is reasoned from the docum

Question 5

How do Suspense data-fetching waterfalls happen, and how do you avoid them?

Accepted Answer

**Target Audience:** Engineers preparing for senior React interviews — assumes Suspense basics. **Difficulty:** Hard > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. Every timing below was measured on React 19.2.8 by rendering and polling until the content actually appeared, rather than by a fixed sleep. ## 1. Why This Even Matters — A Story First Three people need to be phoned before a meeting can start. Call the fi

Question 6

Compare render-as-you-fetch, fetch-on-render, and fetch-then-render.

Accepted Answer

**Target Audience:** Engineers preparing for senior React interviews — assumes Suspense basics. **Difficulty:** Hard > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. All three patterns in section 3 were **executed against React 19.2.8** with the same two 120ms requests, and the timings are the measured ones. Related: Suspense waterfal

Question 7

What does the `use()` hook do, and why is it special?

Accepted Answer

**Target Audience:** Engineers preparing for senior React interviews — assumes hooks and Suspense. **Difficulty:** Hard > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. The conditional-call comparison in section 3 was **executed against React 19.2.8** with a hook deliberately placed after the conditional one, so the hook order genuinely shifts. Related:

REACT.JSDECODED.

Easy