Я спроектировал Twitch. Фронтенд оказался сложнее, чем я думал | Тамразов Александр Систем Дизайн

Мой Telegram: https://t.me/PapiProIT Frontend System Design — это не про кнопки и компоненты. Это про проектирование сложных клиентских систем на масштабе. В этом ролике я открываю DevTools на реальном live-стриме и показываю, что происходит под капотом: четыре протокола работают одновременно на одной странице. HLS-сегменты видео, GraphQL для данных, WebSocket для чата, iframe для расширений. Из каждого вытаскиваю архитектурные требования — и показываю, как одно ограничение сужает пространство решений. Это первый ролик серии, в которой мы спроектируем live-стриминговый сервис с нуля — от CDN до пикселя. Не напишем TODO-приложение на React, а пройдём путь, на котором работают Staff-инженеры в Twitch, YouTube Live и аналогичных продуктах. В этом выпуске: Что такое Frontend System Design и чем он отличается от бэкенд-проектирования Что показывают DevTools на live-стриме: HLS-манифесты, видеосегменты, WebSocket-чат, iframe-расширения Как из реального продукта вытащить архитектурные требования: видео, данные, чат, расширения Почему Low-Latency HLS, а не обычный. Почему виртуализация, а не обычный DOM. Почему гибридный рендеринг На какие книги, блоги и опенсорс-проекты опирается серия Таймкоды: [00:00–00:34] Вступление [00:34–07:20] Под капотом: DevTools на реальном стриме [07:20–16:20] Собираем требования: видео, данные, чат, расширения [16:20] Источники: книги, блоги, исходный код Что в следующем ролике