Fast Web on a Budget TV Set-Top Box with React & Styled Components
summary
Presentation explains how SberDevices made web-based interfaces run smoothly on two low-cost TV devices (SberBox and SberPortal) with very different performance. It covers using React and Styled Components, speeding up animations, caching static assets on the devices, reducing bundle sizes, and the debugging and performance measurement techniques they used.
AI-written summary · about
chapters (15)
- 0:00Introduction
- 4:03Canvas app on Sber devices
- 10:49Technology selection
- 12:13React mount/update
- 16:03Performance on devices
- 18:28Virtualized lists with React Window
- 22:44React memoization
- 27:37Metrics and results
- 30:25Styled Components performance
- 34:16State management
- 36:00Prefetching data
- 40:10Graphics impact on UI
- 41:55Improving load speed
- 43:17Q&A
- 56:25Summary
related talks
31mSplit Rendering TV Applications Using WASM
26mBeyond the DOM "How Netflix plans to enhance your television experience"
45mGive Me Back My Frontend!
19mInnovations with FAST Web Components
24mLessons from webBox, customizing a Javascript based OS
35mReactive Television
24m"10 Feet and Rising: Building Television-Friendly Webpages"
31mFaster content websites via SSR and progressive hydration of Web Components