When will we be able to use any programming language in the web?
The biggest hole in WASM right now is being able to DO anything really useful in it, natively. The only thing you can do natively right now is use the CPU. Can’t manipulate the DOM. Can’t access local storage or cookies or networking APIs, etc. You can call out to arbitrary JS code, but that’s it.
This is great for some of the big JS libraries that have very CPU-heavy workloads they can optimize in WASM and call to from JS. Like frequently parsing and re-parsing HTML. Or doing game physics calculations.
I haven’t heard word one about WHEN any of this will be available. Which is particularly troubling, given how long people have been begging for it.
Of course, none of this stops you from using WASM in the real world, to do quite a lot of things. You’re just gonna have to deal with JS interop, still, do do anything really useful.
While not directly as popular, Blazor allows you to make the entire website in C#/ASP.NET and ship it as wasm.
It’s pretty much up to every language to make some library that allows it to work on the web though wasm.
Right now. WASM has been supported by every browser for a while now, and most webapps are made with WASM. That said, it’s not a replacement for Javascript, most people only use it on things that need to be high performance like heavier apps and web games. Nobody really makes websites that rely on WebAssembly instead of JS to my knowledge.
We’ve got a WebAssembly web-UI at $DAYJOB. Implementation language is Rust, we use the Leptos framework (although other mature frameworks are available for Rust).
Pros:
- Same language and similar tooling as in the backend. Most libraries work the same way (obviously excluding libraries that read from the filesystem, for example). This is especially good, if you’ve got lots of “full stack” devs.
- Same model classes as in the backend. If you change a field, the compiler will force you to fix it on both sides. It is compile-time guaranteed that backend and frontend are compatible.
- Rust is a nicer language than JS/TS. I find especially Rust’s error handling via
ResultandOptiontypes + pattern-matching works really well for UI stuff. You just hand theResultvalue over to your rendering stack and that displays either the value or the error. No unset/null variables, no separate error variable, no ternaries. - Having a strict compiler makes it less bad when you’re lax on testing, and frontend code is a pain to test.
Cons:
- If you’ve got pure frontend folks, or people who are deep into React or Angular or whatever, those are not going to be as productive.
- The JS ecosystem is massive, you just won’t find as many component libraries for Rust, which can definitely also reduce productivity.
With me being in a team with few frontend folks, I would definitely opt for it again.
Important to note that WASM will only give you enough performance boost to justify using it if the task is significantly demaning to JS. JS is not slow.
JavaScript is slow if you need to do things that JavaScript can’t do, such as
- lots of stack-allocated objects/arrays (in JavaScript you have to heap-allocate them)
- hash maps with non-primitive types as keys (in JavaScript you have to serialize them to a string)
- count trailing zero bits (in JavaScript you have to use a lookup table)
JS is not slow.
Since JS is single threaded it can be pretty slow compared to anything being able to use multiple threads
JS is slow, but I program Rust and Scala. Every internal app at my company is react based and I spend most my time waiting for that bloated framework to load a simple table. It can take seconds to load a 20 route paginated table from source.
react is slow
From my understanding, it’s because WASM is pure (deterministic) and needs stateful entry points in order to work. For this reason, a JavaScript bit to interact with it is a requirement at the moment.
Also WASM can’t directly manipulate the DOM so it can’t really be used for handling HTML/CSS, all front-end stuff still has to be done with JS.
While it’s true you can’t do it in WASM directly, there are frameworks that interoperate between WASM and JS, such as Yew
One only needs to create an interface between them, since WASM is capable of calling JS functions. DOM manipulation then becomes as simple as calling a function in your language of choice, such as with web-sys
Ember seems like it’s getting support. Rust has native hooks. C++ is still being supported. It’s in a good place.
Unfortunately most front ends don’t use wasm.
