Rebuilding Prime Video UI with Rust and WebAssembly
136 points by 8s2ngy 2 months ago | 44 comments- badlibrarian 2 months agoRuns great on an underpowered Roku in HTML and JavaScript. But I guess why not. Developers gotta developer.
My main issue is having to buy my parents a bigger TV every few years because the fonts keep getting smaller and their eyes keep getting worse.
- jeroenhd 2 months agoBut this also runs in the browser. Using HTML and Javascript. Except now it's done slightly differently in a way that's easier for browsers to optimize, if done well.
WebAssembly and Rust may be massive overkill for most web applications, but so is React or Vue or whatever Javascript framework is popular these days. When the inevitable rewrite happens, we might as well enjoy the benefits of the new, faster-than-the-old-evolved-moloch web UI.
If anything the move from the old system (React+WebAssembly) to the new one (Rust+minimal JS+WebAssembly) will make the web application itself smaller and easier to grasp.
- YmiYugy 2 months agoThey don't really use browsers. They have basically build their own react-native version, but instead of using system UI as the backend they have a backend abstraction layer with implementations for their own rendering engine or alternatively a browser on platforms that don't support WebAssembly. They only use WebAssembly rather than native because updating native code typically requires an app update via the platforms update mechanism which is slow and unreliable. It looks like the new Rust UI version just swaps out their react fork for rust code and it looks like they are dropping browser support altogether.
- wewxjfq 2 months agoRust is no panacea and rewriting a web application in Rust should not lead to any performance gains per se, unless your web application is doing number crunching in the mouse move handler. In most cases, you should be lucky to see no performance hits after a rewrite, because pleasing the borrow checker makes things unnecessarily more complicated.
A valid reason to switch to Rust should be a better developer experience, but it will require lots of upfront effort to realize the benefits. I doubt that it's worth it for small to medium-sized web applications.
Also, React itself is very much lightweight and fast, it's the developers who use it to program slow websites.
- YmiYugy 2 months ago
- iLoveOncall 2 months agoI have tested the reactivity difference between the current UI and the Rust rewrite and it is staggeringly faster, this is not just a dumb pet project.
- badlibrarian 2 months agoJust to make sure we're on the same page here, this is the app that lets me move a highlighted rectangle using a controller with 300ms latency to select the next episode of Reacher, right?
- iLoveOncall 2 months agoYes, and the difference is incredible. It leads to a much less frustrating experience when navigating around the app overall.
- iLoveOncall 2 months ago
- badlibrarian 2 months ago
- jcelerier 2 months agoI wouldn't trust anyone saying that a Roku "runs great" in any fashion. This is the slowest piece of sh* hardware I ever had the displeasure to use, the waiting times when switching apps are insane. Typing was a dreaded galore, I would plug my laptop over hdmi whenever I could instead. Every interaction in such a device should always be 100% less-than-a-frame instantaneous.
- badlibrarian 2 months agoNot sure loading megabytes of Rust-transpiled webassembly is going to speed up those app switching times, but I feel your pain. As a Roku dev there are many hardware variants. Roku requires you to support the ancient ones. It sucks.
- badlibrarian 2 months ago
- jeroenhd 2 months ago
- jackothy 2 months agoWish they had said something about open sourcing their SDK.
They mentioned Leptos as an inspiration but this is clearly very different and has a lot of interesting features.
- gozzoo 2 months agoI'm not familiar with Rust or WebAssembly, but isn't Flutter more appropriate specifically for such applications?
- jeroenhd 2 months agoMy experience with Flutter applications in the browser is absolutely terrible. Rather unfortunate, as the things Flutter promised would make it excellent for web applications like these.
The concept behind the way these platform renders is very similar, so the new Amazon UI may be terrible as well, but I wouldn't expect whoever made the GUI framework they use now to make the same mistakes Flutter made.
Edit: after looking into this some more, it looks like the approach Amazon took is quite different from most Rust UI libraries. They have written their own framework that basically re-implements React but entirely on the WebAssembly side. I don't think it works by throwing a <canvas> onto the screen and implementing a browser rendering engine in JS+WASM like Flutter does. They also seem to target native code where they do all the rendering themselves, but probably faster because they control all the layers and don't need to build a general-purpose UI engine for their video player with extra steps.
- mixmastamyk 2 months agoWhy is a browser required for "living room devices?"
- mathgeek 2 months agoFrom the article:
> … but also in browsers because some living room devices today have just an HTML5 browser and don't even have flash space big enough to put our native C++ engine.
- jeroenhd 2 months agoAsk the people buying and making those devices, not the people trying to get their services to work on them.
The answer is probably "because the alternative is worse". I too would rather make a single web app than separate Tizen/tvOS/WebOS/Android/whatever Roku runs apps.
- mathgeek 2 months ago
- j45 2 months agoIt would be helpful to know what version of flutter you experienced this with, your comment caught my attention at least, thanks.
- jeroenhd 2 months agoMy latest bad experience was whatever version fluffychat used last December, thst was the most recent time I've tried to make a web app work for me. Before that, every version of Flutter I've tried myself, both in debug and release builds. The UI is stuttery and unresponsive in a way that's not happening in mobile platforms, although even on desktop platforms I find the latency rather high. That also includes some rather small Flutter desktop+web applications I've written myself.
It seems like Flutter apps run better in Chrome, but I'm on Firefox. Could be a Flutter optimisation issue or something in Flutter triggering a Firefox bug. Whatever it is, it's making me avoid Flutter web apps.
- jeroenhd 2 months ago
- mixmastamyk 2 months ago
- bickfordb 2 months agoIt's a similar effort. Flutter is a cross platform Dart UI framework that compiles to WASM for the web and also has Android/iOS build targets. The web version can be laggy on trivial examples. I would guess this younger Rust framework is less featureful than Flutter but is more efficient/faster (one of the stated goals in the article).
- echelon 2 months agoRust is finding itself everywhere. It's fantastic on the server. It's shaping up to be fantastic for UI.
It's fast, ergonomic, and the code has fewer defects than code written in other languages. (Google did a study on this.)
It's not as unapproachable as the memes make it seem. It's no harder or less productive than Java or Golang to write. (Google also did a study on this.)
The Rust WASM deploy story is sublime and is going to help it take over the world.
- CyanLite2 2 months agoWASM Components levels the playing field across all languages.
You can mix and match a C# Blazor component and a Rust component, and a Python component and they all compile to WASM and runs at equal speed.
- hu3 2 months agoIs this satire? I have difficulty identifying those.
- ghurtado 2 months agoI only hope that it is, but you never know.
- ghurtado 2 months ago
- CyanLite2 2 months ago
- mathgeek 2 months agoWhile it's possible to use Flutter for _some_ smart TVs and the like, it's not generally at the top of the recommendations.
- j45 2 months agoHappy to learn what might be - especially from the one codebase to everywhere perspective.
- j45 2 months ago
- ainiriand 2 months agoNo, it is not.
- 6SixTy 2 months agoWikipedia says that Flutter can be transpiled to WebAssembly for web deployment.
- jeroenhd 2 months ago
- Aissen 2 months agoIsn't that the solution that Disney+ basically implemented at launch?
- pmkary 2 months agoWow, I mean for a TV app, wow
- 2 months ago
- rgbrgb 2 months agois it just me or does the prime video player seem to have a bug in chrome where the UI shows over the video and never goes away after pausing in full screen?
wondering if that’s the UI in question
- curtisszmania 2 months ago[dead]
- greatgib 2 months ago[dead]
- MeetingsBrowser 2 months agoI'm not familiar with Prime or its Video UI. Wouldn't a YouTube front end be more appropriate to rebuild with this tech stack?
- iLoveOncall 2 months agoThis isn't about someone building this as a side-project, it's something Prime Video is working on. Which would be clear if you had even just opened the article.
- a3w 2 months agoOpened it. Skimmed it. Got to the conclusion, that it sells a "how to build something like the Amazon UI as a tutorial" course.
Not just my predecessor was confused by the wording and categories put on the page.
- a3w 2 months ago
- iLoveOncall 2 months ago