~/talk

Simple data fetching with React Query

Talkat JSHeroes 2022 · on Thursday, 2022-06-09· [react]
slides:none on file

React Query claims to cut boilerplate and actually does: swapping a useEffect + setState implementation for useQuery/useMutation drops many lines and yields built-in features like automatic retries (3), cache defaults (about 5-minute cache default), deduping, and onSuccess invalidation that refreshes related queries. It requires wrapping the app with QueryClientProvider setup, offers devtools, works for React and React Native, and reports ~1.4 million weekly downloads—enough evidence that it reliably simplifies fetching and syncing server state.

AI-written summary · about

  1. 0:00Introduction
  2. 0:51Traditional data fetching challenges
  3. 2:59Simplifying data fetching
  4. 4:45What is React Query
  5. 6:34Server state management
  6. 7:59Key features
  7. 10:25Why widely adopted
~/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.