Crafting a high-performance TV user interface using React
techblog.netflix.com
Crafting a high-performance TV user interface using React
1–10 of 198 posts
Re: Crafting a high-performance TV user interface using React
#2For folks who really care about performance, the easiest win is just switching to Inferno or Preact. You can pretty much leave your React code unmodified and get massive performance gains.
Re: Crafting a high-performance TV user interface using React
#3I hope someone from amazon is reading this. Their new app on the roku is unbelievably slow, 5+ seconds for transitions.
Re: Crafting a high-performance TV user interface using React
#4I hope someone from amazon is reading this. Their new app on the roku is unbelievably slow, 5+ seconds for transitions.
I don't think Roku apps are written in JavaScript/HTML. I believe they use BrightScript (at least on the older models), so I don't think React would help.
Re: Crafting a high-performance TV user interface using React
#5Netflix's A/B testing has really screwed me in the past in terms of performance, so much so that I reached out to support to ask if there was a way to manually remove me from the testing group at that time. I'd log in, and the "new" interface throttled my 13 inch retina Macbook's CPU immediately to 100% (or more).
Last time it was so bad that I stopped using Netflix on my computer until the testing stopped.
That said, the "normal" Netflix player is great and I've always been impressed with its performance and responsiveness for such a large application handling video streaming.
Re: Crafting a high-performance TV user interface using React
#6I assume that HTML Dom would be fastest. Statically generated.
And that working w/ DOM/CSS would make it easier for team's designers to be more engaged.
Re: Crafting a high-performance TV user interface using React
#7What's with everyone's obsession with React recently? All I see is a template engine and not a particularly good one. You're still left with the same problem mixing your HTML into JavaScript.
Re: Crafting a high-performance TV user interface using React
#8What's with everyone's obsession with React recently? All I see is a template engine and not a particularly good one. You're still left with the same problem mixing your HTML into JavaScript.
React is not a template engine.
Re: Crafting a high-performance TV user interface using React
#9What's with everyone's obsession with React recently? All I see is a template engine and not a particularly good one. You're still left with the same problem mixing your HTML into JavaScript.
More like mixing JSX into your Javascript.
Re: Crafting a high-performance TV user interface using React
#10What's with everyone's obsession with React recently? All I see is a template engine and not a particularly good one. You're still left with the same problem mixing your HTML into JavaScript.
I don't think I could write a comment that's a stronger explanation than what Guillermo Rauch wrote:
https://rauchg.com/2015/pure-ui
TL;DR: It's not about the HTML in Javascript; it's about being able to declare all the states of your UI in a stateless way. The result is that React components are like pure functions: you pass them inputs and you get predictable outputs.