~/talk

Turbocharging the UIs

Talkat React India 2024 · 2024-10-15..10-19· [web-performance, frontend-architecture]
links:none on file
slides:none on file

Zomato describes two concrete wins: using react server components on Next 13/14 to stream HTML and fetch data on the server, cutting client JavaScript to zero for many UI parts, hitting smooth 60 FPS and much higher Lighthouse scores and rendering over 700 static pages for Weather Union; and adopting module Federation to split a monolithic restaurant partner dashboard so teams ship independent micro UIs (an ads management center launched separately) reducing release friction and speeding delivery in production.

AI-written summary · about

  1. 0:00Introduction to Turbocharging UIs
  2. 2:30React Server Components overview
  3. 7:30Data fetching in Next.js
  4. 11:50Pages vs App Router
  5. 13:59How RSCs solve problems
  6. 17:34Zomato’s RSC implementation
  7. 19:42Module Federation introduction
  8. 22:10Monolith to micro frontends
  9. 24:20Module Federation results
  10. 26:06Closing and future plans
~/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.