filmov
tv
React.js Conf 2015 - Beyond the DOM: How Netflix plans to enhance your television experience

Показать описание
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.
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.
React.js Conf 2015 - Beyond the DOM: How Netflix plans to enhance your television experience
React.js Conf 2015 - Tweak your page in real time
React.js Conf 2015 - Refracting React
React.js Conf 2015 - react-router increases your productivity
React.js Conf 2015 - The complementarity of React and Web Components
React.js Conf 2015 - Unlocking the structure of your React applications with the AST
React.js Conf 2015 - Hype!
React.js Conf 2015 - Full Stack Flux
React.js Conf 2015 - Communicating with channels
React.js Conf 2015 Keynote 2 - A Deep Dive into React Native
React.js Conf 2015 - Making your app fast with high-performance components
React.js Conf 2015 - Formatting with FormatJS and react-intl
React.js Conf 2015 - Scalable Data Visualization
React.js Conf 2015 - Flux Panel
React.js Conf 2015 - Immutable Data and React
React.js Conf 2015 - Q&A with the team
React.js Conf 2015 - Static typing with Flow and TypeScript
React.js Conf 2015 - Data fetching for React applications at Facebook
React.js Conf 2015 - Codecademy's approach to component communication
Beyond React 16 by Dan Abramov - JSConf Iceland ⚛
The State of React | Beyond React 16
Redux, beyond React - Aaron Powell
Beyond Angular and React by @qaramazov at #fstoconf15
Beyond JavaScript: The Real Benefit of React Native - WOJCIECH OGRODOWCZYK
Комментарии