311K subscribers • 8 videos on Hallway
Intermediate. Assumes working knowledge.
26K views11 years ago2 recommendations
Web developmentSoftware designReactVue, Svelte, Angular and othersPerformance and optimization
Jafar Husain explains how Netflix uses React with a custom canvas-like rendering engine to achieve high performance on smart TVs.
Jafar Husain, Netflix Netflix has rebuilt our mobile and web UIs. These UIs are hosted in the browser, and we've seen big performance gains thanks to React's virtual DOM. But what if the DOM is just too slow on a given platform? Netflix uses a canvas-like API to maximize performance on smart TVs and game consoles. Given that React improved performance and simplified the code on our other platforms, we asked ourselves "could React work without the DOM?" Yes. Not only is it possible to use React without the DOM, React's design is particularly well-suited to working with low-level APIs like Canvas or WebGL. As a matter of fact, React's design is heavily influenced by game-rendering engines. In this talk, you will learn about how we are integrating React with our TV platform, and what design patterns we're using to get a good balance of simplicity and performance.What people say. Recommended as a classic talk demonstrating how to decouple React from the DOM for custom rendering environments.
peterhunton Hacker News • Recommends
On “First Impressions Using React Native”
mikeryanon Hacker News • Recommends
On “Is ReactJS really fast?”
mjjohnstonon Hacker News • Mentions
On “Flipboard releases React Canvas”
mikeryanon Hacker News • Mentions
On “A View of the Entire Netflix Stack”
zappo2938on Hacker News • Mentions
On “The Cost of Native Mobile App Development Is Too Damn High”
sscotthon Hacker News • Mentions
On “JavaScript once had a JSX-like syntax called E4X”