~/talk

Everything You Need to Know About React 19

Talkat CascadiaJS 2024 · 2024-06-19..06-22· [react]
slides:none on file

React 19 RC brings concrete changes: React Actions provide async form handlers that return state and remove manual pending flags (form data arrives as a FormData object, access via .get); React Compiler auto‑memoizes to skip child renders and expensive calculations so useMemo/useCallback become largely unnecessary; useFormStatus yields pending/data/method/action and must live inside a form child; useActionState wires a form to an async action and returns updated state. ref now behaves as a normal prop and upgrade is via npm install react@beta or 19 RC.

AI-written summary · about

  1. 0:00Introduction
  2. 1:48React 19 RC overview
  3. 3:13What’s new in React 19
  4. 5:05React Actions for forms
  5. 8:38React Compiler benefits
  6. 12:56New hooks in React 19
  7. 16:27Changes in refs and APIs
  8. 18:32Demo: React 19 forms
  9. 23:51Highlights and recap
  10. 24:39Encouragement for speakers
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.