Q: React 19 ref as prop & ref cleanup — the new cleanup return from ref callbacks

In React 19 a ref callback may return a cleanup function. ref callback now returns cleanup → called on unmount or ref change <tex

Question 1

createContext vs use(Context) — new context consumption in React 19

Accepted Answer

# `createContext` vs. `use(Context)`: New Context Consumption in React 19

**Target Audience:** Frontend engineers preparing for React interviews — assumes basic familiarity with Context and Hooks.
**Difficulty:** Medium

> **How to read this doc:** Every concept is explained in plain language first. Right after, you'll see a callout like `📌 Interview term:` — that's the exact vocabulary a senior engineer would use for the same idea.

## 1. Why This Even Matters — A Story First

Think of Contex

Question 2

forwardRef removal — how do refs work as props in React 19?

Accepted Answer

In React 19 `ref` is a normal prop. Function components receive `ref` like any other prop, so `forwardRef` is no longer needed and is deprecated.

Question 3

React 19 ref as prop & ref cleanup — the new cleanup return from ref callbacks

Accepted Answer

In React 19 a ref callback may return a cleanup function.

Question 4

useFormStatus & useActionState — modern form handling in React 19

Accepted Answer

**Target Audience:** Engineers preparing for React interviews — assumes Actions. **Difficulty:** Medium > **How to read this doc:** this is the **practical assembly** doc. The mechanics of each hook live in useActionState and useFormStatus; here

Question 5

What are Actions in React 19, and how do they change form handling?

Accepted Answer

**Target Audience:** Engineers preparing for React interviews — assumes forms and hooks basics. **Difficulty:** Hard > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. Every behaviour below was **executed against React 19.2.8** by rendering a form into jsdom and submitting it; the raw output is in sections 3 and 5. The focused companions are

Question 6

What is `useFormStatus` in React 19, and why does it exist?

Accepted Answer

**Target Audience:** Engineers preparing for React interviews — assumes Actions. **Difficulty:** Hard > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. The measurement in section 3 was **executed against React 19.2.8** by calling the hook in two places at once during a real submission. Its sibling is

Question 7

What does the `useActionState` hook do in React 19?

Accepted Answer

**Target Audience:** Engineers preparing for React interviews — assumes what Actions are. **Difficulty:** Hard > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. The tuple shape and the render sequence in section 3 were **executed against React 19.2.8** by submitting a real form in jsdom. Its sibling is

Question 8

How does `useOptimistic` enable optimistic UI in React 19?

Accepted Answer

**Target Audience:** Engineers preparing for senior React interviews — assumes transitions and actions. **Difficulty:** Hard > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. The timing behaviour in section 3 was produced by clicking a real button on React 19.2.8 and reading the DOM before and after the action resolved. ## 1. Why This Even Matters — A Story First A bartender takes your order and puts a glass on the co

Question 9

The Activity API — hiding UI without unmounting in React 19

Accepted Answer

**Target Audience:** Engineers preparing for senior React interviews — assumes the component lifecycle. **Difficulty:** Hard > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. Section 3 is **executed against React 19.2.8**, including the contrast against a plain conditional. Related: the component lifecycle and

Question 10

What are the resource preloading APIs in React 19 (`preload`, `preinit`, etc.)?

Accepted Answer

**Target Audience:** Engineers preparing for senior React interviews — assumes basic browser loading concepts. **Difficulty:** Hard > **How to read this doc:** Concepts are explained in plain language first, then tagged with 📌 Interview term:. The export list and the DOM effects in sections 3 and 4 were produced by calling these functions against React 19.2.8 and inspecting document.head. ## 1. Why This Even Matters — A Story First A kitchen knows the evening menu,

REACT.JSDECODED.

Easy