~/talk

Building Server Driven UI

Talkat React Nexus 2023 · 2023-07-07..07-08· [frontend-architecture, react]
slides:none on file

Server-driven UI at Flipkart turns ad onboarding into JSON configs that map keys to components via an asset factory, adds a reusable Rule engine for both static validations (campaign cannot be empty) and imperative runtime rules (hide dropdown when radio B is chosen), and models multi-step guarded flows with XState (visualized in Stately). The implementation stitches presentation, validation and workflow so new ad formats require only config changes; demos show the validations and conditional UI working end to end in the portal.

AI-written summary · about

  1. 0:00Introduction to SDUI
  2. 3:33Representing UI components
  3. 6:07Validating user input
  4. 11:54Workflow management
~/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.