Bootstrapping A Live Streaming React Web App
summary
Bootstraps a single‑page live video app using React plus Redux, React Router and Webpack, streaming via HLS with multiple video tags to prefetch segments; chat uses long polling; server rendering uses renderToString for faster first paint. A team starter kit adds pure-render optimisations, touch fixes and dev tools; a demo app ships after three weeks of work. Notes a size comparison: preact 10 KB vs React >100 KB and recommends lighter frameworks for activity pages.
AI-written summary · about
chapters (8)
- 0:00Start
- 10:03How to Design
- 13:42What we use to build
- 15:02steamer-react
- 19:09Code Structure
- 28:43Interacting
- 30:55Case2: Activity
- 32:35Preact
related talks
16mDemocratizing live video with React
53mBuilding Web Apps with React.js
28mImproving Performance using React Server Components!
38mReact as a Developer Health Tool
24mHoussein Djirdeh - Progressive React
15mGetting Started with React
54mReact Server Components: A New Way to Build Fast and Interactive Web Apps
23mMastering Server-rendered Apps