Tired of JavaScript? Here is WebAssembly Tutorial!

I know we all love JavaScript. We all love TypeScript, React, etc... But sometimes don't you feel that you want to try something else? Something new? I want to introduce a different way to build modern web apps using WebAssembly. It will bring you a next level of frontend world. Mostly, I use Rust alongside WebAssembly because it enables me to utilize a strongly static type system and efficient memory management system that JavaScript and TypeScript lack of. OK, enough, let's get to the point. First of all, to make that easy, I recommend to install Rocal which is a full-stack WASM framework to build modern web apps powered by WebAssembly. Here is a command to install it on your MacOS or Linux! $ curl -fsSL https://www.rocal.dev/install.sh | sh if you get some trouble while you are installing it, join our Discord. I'll help you to build an app with Rocal step-by-step! Discord If you've installed Rocal CLI successfully, now you can run this command to initialize your first app. $ rocal new -n simple_note You know it's always easy to learn new programming languages or frameworks by making a simple app so let's make a simple note app together. That will manage multiple notes locally that can be accessed even while offline. Once you ran the new command, you could see a simple_note directory in your terminal with ls command. $ ls simple_note Then get into the directory, and see contents. $ cd simple_note $ ls Cargo.toml db index.html js public src sw.js There are some files and directories already for you to make crafting a modern web app conveniently. I'll explain them in detail later, but before that, let's run this app first by a command below. $ rocal run After building successful (it might take a while at the first build since it needs to download all dependencies), you can access http://127.0.0.1:3000 and see a welcome page. Well done

May 7, 2025 - 18:21

Tired of JavaScript? Here is WebAssembly Tutorial!

I know we all love JavaScript. We all love TypeScript, React, etc...

But sometimes don't you feel that you want to try something else? Something new?

I want to introduce a different way to build modern web apps using WebAssembly.

It will bring you a next level of frontend world. Mostly, I use Rust alongside WebAssembly because it enables me to utilize a strongly static type system and efficient memory management system that JavaScript and TypeScript lack of.

OK, enough, let's get to the point.

First of all, to make that easy, I recommend to install Rocal which is a full-stack WASM framework to build modern web apps powered by WebAssembly. Here is a command to install it on your MacOS or Linux!

$ curl -fsSL https://www.rocal.dev/install.sh | sh

if you get some trouble while you are installing it, join our Discord. I'll help you to build an app with Rocal step-by-step!
Discord

If you've installed Rocal CLI successfully, now you can run this command to initialize your first app.

$ rocal new -n simple_note

You know it's always easy to learn new programming languages or frameworks by making a simple app so let's make a simple note app together. That will manage multiple notes locally that can be accessed even while offline.

Once you ran the new command, you could see a simple_note directory in your terminal with ls command.

$ ls
simple_note

Then get into the directory, and see contents.

$ cd simple_note
$ ls
Cargo.toml  db  index.html  js  public  src  sw.js

There are some files and directories already for you to make crafting a modern web app conveniently. I'll explain them in detail later, but before that, let's run this app first by a command below.

$ rocal run

After building successful (it might take a while at the first build since it needs to download all dependencies), you can access http://127.0.0.1:3000 and see a welcome page.

Well done