Turning an Application UI into an API

on YouTube ↗28m

" summary

Describes how Twilio builds Flex as a UI-first product but exposes a concrete component API: every programmable component has static methods messageBubble.add/remove/replace which store fragments, apply sortOrder, and prune by key before render; an action framework: before/after/replace lets callers abort, observe, or swap handlers while receiving original payload and handler. Shows a live Tetris demo that removes and injects deep components, swaps cell rendering, and wires control via WhatsApp — the approach works in production.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 0:35Turning an Application Ui into an Api
3. 2:48What Exactly Is an Api
4. 5:07Twilio Flex
5. 7:19Compound Components
6. 14:20Action Framework
7. 17:23Demo
8. 21:34Add the Matrix

" related talks

• 29mTurning an Application UI into an APINarendra Shetty · reactjsday 2019
• 18mUI as APINarendra Shetty · React Day Berlin 2019
• 25mHow are APIs changing the game in the contact center ecosystem ?Thibaut Champey, Joël Drakes, Jonas Lerebours · apidays Paris 2021
• 27mWhat does the future of communication APIs look like?Valeriane Venance, Alexandra Szynkarski · apidays Paris 2021
• 19mAPIs are The New Dial ToneBen Nunney · Nordic APIs for Business - The Internet Days 2013
• 07mTwilio Programmable Chat APISam Agnew · try! Swift NYC 2017
• 34mFunctional UIs and Unidirectional DataflowMikael Brevik · JSConf Budapest 2015
• 01h 01mBuilding fun and creative messaging experiences on WhatsAppMichelle "MishManners" Duke · NDC Sydney 2026