~/talk

Automagic TypeScript Codegen for GraphQL

Talkat React Conf 2019 · 2019-10-24..10-25· [graphql, typescript]
links:none on file
slides:none on file

Claim: define only a GraphQL schema and scaffold a fully type-safe API layer for server and client. Uses GraphQL Code Generator plus Apollo server and client to emit schema defs, generated resolver types and front-end bindings that copy the schema to the client. Shows generated components and hooks and render-prop components that supply typed args, loading/error states and promise-returning mutations. Generated types catch mismatched resolver args and return shapes before runtime so the setup actually works.

AI-written summary · about

  1. 0:00Start
  2. 1:10Code Generation
  3. 2:53TypeScript To The Rescue!
  4. 4:30Client Side
~/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.