~/talk

From Context API to RecoilJS

slides:none on file

Migrates an app from Context API to RecoilJS and shows concrete code changes: swapping Provider for RecoilRoot, replacing useState/useContext with useRecoilState and useRecoilValue, adding atoms and a selector to sync theme to localStorage, and using atom family plus useRecoilCallback to create per‑hotel atoms on the fly for ~10 Malibu hotels served by a GraphQL API (Apollo + Couchbase). Demo proves per‑item updates re‑render only that item and the examples run.

AI-written summary · about

  1. 0:00Start
  2. 0:26Resources
  3. 1:53Context Api Component
  4. 10:31Selector
  5. 15:45Graphql Api
  6. 19:44Favorite List
  7. 20:52Creating an Atom Family
~/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.