Why WebAssembly is the future of Web development 

I really thought Web Assembly was some kind of low level language to write more efficient frontend code. But now that I understand it? Dude, this thing is awesome!

figma uses webassembly! I think that is one of the best examples. It's a real product that tons of people use, and webassembly is a core reason as to why it's succesful. It's a pretty heavy weight application, but it runs smoothly right in the browser because of webassembly.

WebAssembly can do so much more than we realize. Right now you can run the original Diablo game in the browser. You can literally run everything. The ultimate cross platform opportunity, nobody really is grabbing. MS is building Blazor on top of WASM. But why build traditional limited HTML based apps? We can use Canvas to draw whatever we want. We could render our own components, completely cross platform single codebase

I think WASM is mostly needed for websites that demand more computing power. If you were to make a website that has some sort of interaction in a 3D space (like a game or simulation), I think WASM would be crucial, however for most websites I think it's unnecessary.

In its current state, it's a game changer for a tiny subset of work that is done on the web. if you're asking front end devs to switch from a dynamically typed lower learning curve language to something that is designed for systems (Rust C++) just to make the button point to a new URL so you can gain a couple ms of performance (That you don't need) you'll lose that battle - cost of switching is massive. it's cool you can do heavy computation in browser, but I'm not seeing a lot of use cases outside of games and CAD

Let me know what I can do better next Video. I learned a lot with this one, but I already know a lot I want to improve

Didn't expect much, but I was pleasantly surprised by this video.

At around @3:00 minutes in its mentioned one of the cool things. 1) It’s more like a virtual machine than (only) a language per say; that can run C / C++ / Rust and will most likely run Python (if not already) and be used for Modular NodeJS. 2) Distribution; it works in basic form on all devices. 3) Wild adaption; there’s practically no webpage without JavaScript so the community is so large; even as a C# coder in Unity things can be converted to Js; the easiness of getting started and building advanced stuff has a huge community. But sure there was this thing called Actionscript for Flash and I’m amazed over how long it took before JavaScript could approach its level of apps. I mean 15 years ago I had this DJ-app in the browser and there’s almost none at that level I’ve seen. So things can happen: Apple / iPhone kind of killed ActionScript by skipping it completely; for some a reason: it could really eat cpu/power and ofcourse wouldn’t give apple its AppStore with Billions of billions in revenue. So let’s say a new cool revolutionary phone comes out.. many have tried but lost that game. But one day it will happen, it might be Tesla 😅 and such a company could ofcourse include JS-support, but start to create amazing app-toolkits and even their own small changes to JavaScript and wohaa, suddenly it has changed name and no previous JS coders can live without all the extras. For me, as a coder for 20+ years I think all languages and coding are doing the same thing, all is same but different .. I would although bet that JavaScript could be around a 1000 years from now, it might change name to TeslaScript .. but hey, it will be around 😁

I was honestly disappointed that there are only 2 videos on your channel. Keep it going! :)))

Calling it now - your channel is going to blow up. Keep with it! Just subscribed.

One of the reason the industry is flocking to WASM is … control. Proprietary codes. No amount of obfuscation will change the fact that HTML and JavaScript are open technologies. Everyone can see what is happening. Just right click and "inspect". I guess a lot of companies want proprietary components, i.e. Copyright for video streaming things, cut off the ability of browser extensions for ad-blocking, etc. So, suffice to say, as cool as this technology is, I'm having some major concerns for user's freedoms. That's a thing we should not ignore.

Thanks you so much for the effort of this beautiful video. Keep it up 🙏🎉

Awesome video! I'm for sure subscribing, this is a high quality video, honestly can't believe you don't have more subscribers. They will come!

this was insightful! will tune in for more..

There is also a project named Cheerp C++ compiler which enables C++ calling directly into JavaScript’s web APIs and compiles the C++ code down into an efficient mixture of WebAssembly and JavaScript code.

I am am a novice web dev(just a college student not even sure if I want to do web dev) but wasm really sparks my interest. In a way wasm behaves like the opposite of electron. Electron brought web apps to the desktop while wasm can bring desktop apps to the web...that's cool.

Great video bro! I'm going to look into wasm now haha.

Really nice explanation. Thank you 👍🏽

Amazing video! Your channel is going to go places! :)

Blazor. The best wasm experience.

No mention of C# Blazor WebAssembly :( It's a game changer for C# developers, allowing client side web apps to be fully written in C#.

Really well done.

I'm getting really excited about the prospects of browser-native game development in the future. We're way past the days of Homestar Runner now. Trogdor 2023 could be a banger with Web Assembly.

I get fireship vibes from this, good work 👍

Personally I think it won’t replace much of the traditional web, instead it allows more things to move to the browser that would not have been feasible before (like what is currently still a desktop applications or pc game). However I don’t see people lining up to write things in C (or other supported languages) that could have just as well been written using a modern web stack (which has been developed for decades for exactly this purpose) 😃

This year for sure!

I can’t imagine doing a greenfield web app outside of web assembly at this point.

Even the creators said that it won't replace webtrio... and it won't. html css js are doing great job, and won't be replaced any time soon. Replacing 99% webpages that work perfectly fine is beyond ridiculous.

I think that AssemblyScript will make creating websites & high-perf applications even better. That will probably make whole new framework stacks possible.

By the way, a couple of days after I made this video, the webassembly.studio website went down.. :D

JavaScript won't ever be replaced, You need it to load web assembly, your wasm uses functions written in javascript

One use-case I'm surprised people aren't talking about much: Compiling your models to WASM so you can use it on the frontend and the backend. That's something I'm trying to achieve rn with a fullstack app I'm building. My backend being written in C++ and my frontend being Typescript with Angular. So I have a model that I'm sending from the server to the client which then just displays it. And when something gets changed there it would get sent back to the server. So I'm using the same model on both the server (backend, written in C++) and the client (frontend, written in Typescript) for which I have to copy the same exact model. Why not just compile the server-model to WASM and simply use it from within the client-code? I could have the exact same code/algorithms for (de-)serializing (for sending it via HTTP) the objects which means whenever I change the server-model I just have to compile the WASM binaries and the client would be up-to-date as well. Maybe I'll learn about some problems with that, as I'm just about to really implement that. :D The few issues I found so far were that I couldn't just pass a JS Array for a C++ std::vector and Typescript definitions, which I wish could be generated while compiling the WASM binaries (Which is already possible for Rust WASM, so probably just a matter of time someone creates a good solution for this). I think JavaScript/TypeScript and it's frameworks are great for what they're supposed to do, which is all kinds of UI stuff. While I still prefer languages such as C++, Rust, C#, Java, ... for writing backends. I don't really like the "one language for everything" idea. But for that it'd be just a cool way to use WASM to save some time.

wasm has me hugely excited, but it cannot be the 'future of web development' without direct DOM access.

Great video, but you picked niche examples while we have things like Figma. Figma dominated the world of web design vastly because of the power of WASM. Contrary to Adobe Cloud or Sketch, it works on any operating system with desktop-class performance and all benefits of being a web app at the same time.

I'm glad we finally got WebAssembly. We are no longer forced to use that terribly sloppy JS syntax and we can gain some performance too.

Wow amazing 😮

Good explanation. js will be ruling because of react native.

WebAssembly is much more powerful than you all think. It is a "meeting point" for all programming languages! 2 or more teams could write code in different languages and all together can run seamlessly at the end! Also, WebAssembly isn't restricted to web, you can run WebAssembly everywhere, like in backend or platform apps. Given these, it gives you an amazing flexibility and the bests are coming.

Yeah, we came full circle with how common language runtime (CLR) works with web browser at the additional overhead.

Web browsers will be the operating systems of the future.

Watch Primeagen’s video about it. Netflix is using WASM because they have algorithms that currently run in JavaScript that could be much faster in C++. Very interesting stuff

Good subject 🙂

subscribed

The Java Virtual Machine was created for Java the language. And then many new languages were developed that ran on the JVM. Given a byte machine that runs in the browser, the same thing will happen. And you can be sure that these new languages won't make the same mistakes as were made in JavaScript. The critical step, though, will be access to the Document Object Model. Last time I looked at Web Assembly it could not. You could write code that would run in the browser, you still needed JavaScript to drive the UI.

WOW, i didn't know web assembly was this Powerful, i would love to make a server on client side, a local server made from a site, amazing

What would be funny is Javascript developers trying to make a Webassembly in C/C++. I grew up with Turbo Pascal and C++, fled for my life to higher level languages eventually leading to Javascript when it finally grew up with the V8 engine and became a language actually worth using. Now I'm back to C/C++ working in embedded environments and talking myself out of smashing my brains into the wall daily. Now I'm hoping for faster progress in Rust in the embedded environment so I can flee from these horrible languages again. Yes, I know they're the foundation of most software, blah, blah, blah. I just wish something as basic as passing a method as a callback, because people have mixed C++ code with C libraries wasn't such a rediculous pain along with the many other various sink holes of insanity one can trip into while doing even some of the most basic coding that holds you up forever googling through various other people's attempts to climb out of their own similar sink holes of insanity. Just saying, more than anything else, it would be super funny to watch a Javascript developer learn C/C++. I used to know it, forgot a lot, but I at least had an understanding of the pain involved when I waded in. Younger coders who've never experienced an old style low level language with all its pitfalls and idiosyncrasies would just be walking into a bandsaw.

So... Does this remove the privacy (fingerprinting and such) concerns of JavaScript?

Are you by any chance talking about blazor ?

now you can use php for front- and backend

looks interesting indeed! does anyone know how the performance is compared to native compiled c/c++ on given system?

Every year or so someone tries to predict future, usually without much success. Web assembly is nice but needs a purpose. If you need a fast program close to the core you use C++, if you need front end and back-end application that doesn't have to be fast as a game written in C++, you use javascript. Web assembly has to find its market first.

Hello, I'm just one year old in the programming world @ 28 years of age. I would like to learn more about how can I utilize C++ to create web pages or servers and stuff since I'm kind stuck with it for now while I try to practice problem solving. Do you have any specific recommendations? Most resources I found are not beginner friendly at all..

Yes, I belive it will be the future, but not sure when.

Excellent explaination 👌 could be nice if you can produce an example from scratch 🙂

So is this like creating a PDF file, but for publishing to the web instead?

5:13 QT is using Webasm too?? but wasnt it for making normal native applications?

To me it just seems that for so many years the software world has had a separation of concerns when it comes to web and non-web product development and that has been in very large part influenced by how JS is inefficient and useless outside the browser for anything to be done efficiently. But now, people are not realising how big of a game changer this could be.

You should mention Amazon Prime Video implemented in WASM.

When you find a popular RU-vid channel before it blows up 😄

Post more videos about wasm or like this. Gonna subscribe for now .

As a data analyst, I am thrilled of the possibility of sharing my interactive shiny dashboards with colleagues without having to jump through the hoops of shiny app hosting.

WASM is suitable for browser streamed games like Stadia tried to do.

Lots of things to be excited about with WASM, but I wish folks would stop saying things like "use any language to write UI", implying that Rust/C++/etc. would be a good choice for UI development, but that's really not true. High-level, relatively "loose" languages, like TS/Swift/Kotlin are ideal for UI work; no one's going to write UI in Rust/C++.

What about the OS's in the binary format especially in the cloud NOT just the browser.. Could not agree more ...

Web Assembly has some niche applications where performance is the most important thing, like on games. But no, we won't move away from the dom. There are dozens of reasons. For example, there are 20 (plus) years of code which are writing with js and that haven't had breaking changes since then. Web applications build upon that. People need those services online and won't care to rewrite them. We didn't choose JS because it's performant, we choosed it because it's approachable, people already know it and there is a lot of thought on how information should be shared. Why do people write applications in electron instead of java or c++? Why are we choosing node js instead of go, lua or rust? Why are some mobile apps not written in native code but executed in web view? We aren't moving towards less abstraction layers, development in general has been moving in the opposite direction, we are building supersets of js like typescript or jsx. There is so much inertia on the bandwagon of js you will never stop it

What about for mobile app development? Will WASM be used for that as well?

WASM is going to be an interesting technology, although I feel it will take a few years to take off. However, it is a powerful cross language tool that could enhance our lives and get rid of JavaScripts inaccuracies / weird cases. I hope that the wasm specificatioj will become easier to find / read so developers could make custom deployment to wasm options for maybe lesser known language. Anyways, great video, and I wonder how this will go! 😊

running native code in a sandbox would be much easier and faster. it's like a sandboxed activex module. just the dom interface is required to be defined. webassembly is a big spec for an easy problem.

This makes me do that FUUUUTURE squidward meme

Part of the final exam for system in my Bachelor degree was "Write a simple shell", that included ability to list files, move around and execute programs with pipes and redirections ^^ Yet, actual development is a bit harder as it goes 360. One has to keep tab on JS, CSS even HTML and then you have back-end frameworks. You can't even forget about older version as one usually maintain a broad range of environments. That's without tacking into consideration database administration and business analysis that have also to be done... If you compare this with other jobs, like hostels, it would be like cleaning, being at the reception, preparing the meals, ensuring stocks are filled, cleaning the pool and doing the finances. The big difference is that in IT, its the norm... Worse, in one of my job, I even had to maintain hardware and the network! (But I burned out and left) Today, I am pushing back and reminding that I am only an analyst developer ^^

So ... easy now ... One of the reasons a language like Rust (and C) are so prominent wrt. Wasm is that they don't have a runtime. That's not true for a lot of other languages (golang, python ...). A program suddenly becomes a lot larger if it has to bundle the runtime. So for quick loaded client-side code, I doubt you can just pick "any language"

Hey guys, I am a newbie here, I have a question How is computing in browser different from not computing in browser? Doesn't browser use the same hardware regular programs use?

We are free from the Javascript shackles!

what language do u recomend for web assembly ?

Web Assembly has been the future of web development for the last 10 years or so.

Flash replacement?

just a heads-up, the WebAssembly Studio domain you've linked seems to be inactive.

I agree, WebAssembly is 100% going to take over, but i think there are going to be a-lot of security issues with it.

1:54 the correct pronunciation is 'woz-i'

I think webassembly is the bridge to run python in the browser, so this webassembly is like compiling code to exe but for browser??

Seems like webassambly purpose is different than JS. Js still is the best for ui related stuff.

I remember that Photoshop is aiming for a web only version.

If it runs in a VM what's the point? There's always going to be more work put into, on the one side optimising V8, and on the other side using the newest and coolest amd64/ARM instructions, than there is making this VM not suck.

will be great for people like me that totally despise JavaScript

You can do things only possible, easily, in C++... In the browser.

why do you only have 700 subs with this content

Wasm gonna work for vr web

Wasm can improve ReactJs Apps?

backend really want this. I'll be retired before that happens.

Is this your secondary channel or something? You sound like a full blown ytuber!

No, it has been 2 years and it hasn't happen and there is no sign is going to because WASM has no access to the DOM. WASM has been and will be used for calculations and other heavy processing stuff, but rendering will continue to be our headache with HTML+CSS+JS

The comments sound so smart 🤓

U mean with WASM WE CAN RUN AN Os like Windows on a browser?

web assembly is a new tool that will be used with JS not replace it, even the creators of WASM said that WASM was not intended to replace JS, so its like let web = ["html", "css", "JS"] and now its web.push("WASM")

I HOPE wasm is the future but as of right now it's slower and results in bigger binaries than just using js (in most cases).

Even better than being able to program frontend in rust, it would be just to remove the bloat of the modern web.

My money is still on JavaScript. Many have tried to dethrone the king, I am talking about you java applets.

Nodejs is pushing garbage to the server(with very few exceptions like Graphile). WASM is pushing high quality code and tools out to the browser it just needs to get good hooks into the DOM to fully deprecate JS.

Sounds like if JVM was made by browser manufacturers, to run in browser by default. But it took another 20 years to make their own VM.

I think, if the backend of your website is not in Node, the answer is WASM...