Electron vs Tauri: This Was Unexpected!!

► Electron vs Tauri: This Was Unexpected!!
Electron is a free and open-source software framework developed and maintained by GitHub. The framework is designed to create desktop applications using web technologies. Recently, Tauri a secure, and frontend-independent application uses Rust as backend and takes a very similar approach but with a very less expense comparing to Electron. The results are shocking!
🔗 Join into our Official Discord Server!
• / discord
🔗 Some Credits:
• Tauri Website: tauri.app/
• Fireship's video for Tauri: • Tauri in 100 Seconds
• Lazap (Game Launcher): github.com/Lazap-Development/...
► Website • dashcruft.com/
► Twitter • / ​
► Twitch • / ​
► Instagram • / dashcruft
#dev #programming #tauri

[@FadedFearSim]

Sodium hypobromite is the inorganic compound with the formula NaOBr. It is usually obtained as the pentahydrate, so the material that is usually called sodium hypobromite has the formula NaOBr • 5H₂O. It is a yellow-orange solid that is soluble in water.

[@umuhanibashir878]

Uhh...wtf... 🤔

[@jabadahut50]

I'm mostly just waiting for WebGPU to become a major thing and for Tauri to support it myself.

[@DashCruft]

Fair. WebGPU would be sick and a major upgrade.

[@richardyao9012]

I just did an experiment with an electron application I made. With some minor changes and less than 100 lines if C, I can replace electron with WebKit. I think I will be migrating to that.

[@hanzofuma]

Quick note Tauri uses Microsoft Edge's Web View2 on Window, WebKit Gtk on Linux and WebKit on Mac.

[@i3looi2]

So it means (from web-development point of view) Tauri is not fully cross-platform. CSS/JS standards differ (not by much) between those browsers. Also , i personally, want my APP to look identical on any machine .. not a fan of "OS" identity.

[@hanzofuma]

@@i3looi2 You are correct. maybe there is some incompatibility but all popular libraries supports the big 3 engines (Blink, WebKit, Gecko). and for most JavaScript API's there are polyfills for compatibility.

[@sonychandel1878]

@@i3looi2 You can use PostCSS encounter most of the vendor prefixes

[@mikeonthebox]

Even 100Mb for an app that is doing absolutely nothing, just loading HTML on it sounds like way too much.

[@DashCruft]

Yeah I mean after all, Electron is chromium based lol

[@jakerdy5369]

How much will use let say, WPF app on windows? 70, 120, 300 mb? Or should we do pixelhacking on C++ / Rust?

[@CommitSNIPS]

Can you do a video on your linux setup? Looks cool

[@thebinary563]

Damn I might just switch to Tauri. It looks promising thx btw dash

[@nasz_komputer]

Electron dev trying tauri: "Noooo, where is my high ram and cpu consuming node.js?"

[@Zen-rw2fz]

man I absolutely hate how slow so many of these modern apps, are I don't get at all why people keep up with all of it just because it somehow looks prettier, some years ago I would much rather just use some really old software just because it ran much faster. tauri really sounds exciting if it can really offer this performance with the looks

[@DashCruft]

I totally agree with you. Tauri stepping in with their solution is great competition especially for future frameworks!

[@folkrav]

People put up with it cause the alternative for a lot of them used to be no support for their OS at all, or messing around in Wine/CrossOver and hoping for the best. And also... the vast majority of people are not developers and just don't know.

[@drowned_minds]

what you used to make lazap?

[@DashCruft]

Tauri as the software framework Vue.js as the front end framework

[@elanza48]

Oh man what btop theme and config you are using ?

[@DashCruft]

Tokyo-Night theme for btop. bspwm for wm. eww for topbar

[@dredev216]

what is the song played here: 9:30

[@oussamasethoum2755]

Another one cool close to Tauri which is Wails V2

[@neofox2526]

what linux desktop environment are you using?

[@DashCruft]

In the video I don’t use a desktop environment. I used to use a window manager known as bspwm.

[@zaidali9238]

I really wanna get started but I can't find any good tutorial videos. Can you tell me how did you learn this?

[@DashCruft]

I recommend following their documentation for the most part, and asking questions in their discord server. They have a great community over there!

[@drjones694]

In your experience are you using HTML or react thanks

[@DashCruft]

I personally prefer vanilla, and if I were going to use any framework, I'd pick Vue.JS

[@Woeden]

Sounds amazing, will try

[@ferluisch]

Did you update electron to the latest version?

[@DashCruft]

That has nothing to do with the resource intensity and the bloat chromium contains. Although the answer to your question is yes.

[@ramtinabadi]

Expected Tauri to use far less memory. 100+ mb for a simple ap is still way too much. Wonder what is the memory footprint of the flutter

[@DashCruft]

Unfortunately, Tauri on windows uses the most amount of memory. On other operating systems like linux though, its memory usage is very impressive. There's not much tauri can do in this case. All depends on windows and their work with WebView2.

[@verified_tinker1818]

@@DashCruft I suppose that's Tauri's biggest drawback. Relying on OS WebViews gives us tiny builds but leaves us at the mercy of the OS.

[@DashCruft]

@@verified_tinker1818 I'd say it's honestly worth the tradeoff especially with the fact that you can make eye-candy software without the bloatware known as electron.

[@twenty-fifth420]

@@verified_tinker1818 Well as someone knew to the whole programming sthick, what it the alternative? Native C/C++ libraries that hardly anyone can use for GUIs? No thanks. Plus, As a Linux and Windows user, I say it is fitting since Windex is bloated and will run your app, if only requiring more then 10x more memory then other competitors. Heck, I don’t use Mac and I could be wrong, but I feel like it would not be as bad on Mac platforms then Windows ones. Windows is just that big.

[@indianfromsouth7756]

We should start using Fyne and Golang then it will be even memory efficient than Tauri

[@sonychandel1878]

Main goal here is to use HTML CSS and JS for frontend and I think in that case wails would be a much better option than fyne for GO

[@indianfromsouth7756]

@@sonychandel1878 Yeah you are right there is no options other than Fyne for desktop applications in golang... Google should come up with a framework where HTML, CSS and other frameworks are frontend and Golang as backend just like Tauri...

[@brandonplays1]

I’ve waited a long time for this…..

[@DavisTibbz]

Why jdk is used? Why not pure Rust?

[@DashCruft]

Backend is fully rust and the Front end uses tao and wry webview. This helps with the bundle size significantly. (also its GTK not JDK lol)

[@pedroalmeida041]

hello dashcruft very nice video 10/10 recommend would eat it again im married to logic damn it

[@DashCruft]

delicious isn’t it???

[@autistik-il3ne]

Whats the music in the back called?

[@Jan-ux7ht]

The Music in the End is "Art of Silence - Uniq"

[@sathonay156]

What’s the outro music ?

[@Jan-ux7ht]

Art of Silence - Uniq

[@toitri]

Tauri just built different... 😉

[@DashCruft]

A gem to exist!

[@KSmifune]

rust gang is on fire

[@pkingo1]

Tauri unfortunately doesn't support embedded webviews which was a dealbreaker for my project.

[@RIFLABACONBBX]

can you make a guide on how to make a desktop app using tauri?

[@DashCruft]

Will take it into consideration.

[@glatocha]

First off all, if you start with "I hate electron", kind of makes you bias all the way. Then you are showing one app with 114BM and other with 130MB memory use and trying to convince us that this "can be" great difference. Tauri has it's benefits, smaller size, great utilities that let you do a lot stuff from your frontend (system dialogs, file system access etc.). One of the minuses of Tauri is the first download and installation. This requires a lot of downloading, first dev compilation, the same, first build same. From somebody with bad connection and behind VPN this is a killer. Took me several hours to get the Hello World to compile. Also, electron can build an app with simple .exe, how to do that in Tauri? without instaler?

[@DashCruft]

Tauri does compile the app with an installer wdym? Both for linux and windows it provides installer binaries (.msi for windows for instance)

[@DashCruft]

You also say internet issue on the developers part (you in this case) is a problem. You are technically explaining the reasoning to yourself. If you own a bad internet connection, that's on you, not tauri developers. You are a developer and you are responsible for the consequences that come with development.

[@jack_boecker]

Sir the slow downloads is a you problem, Tauri is way better than electron because it's not chromium.

[@glatocha]

@@DashCruft yes, you can't make portable app with Tauri

[@DashCruft]

@@glatocha once you install the .msi, you can simply copy the .exe from your program files and share it to everyone, and they can launch the app without any issues.

[@TheRealBaggette]

second ez, dash upload wen, dash upload now 😎

[@daniil2704]

But WebKit :( In electron, everywhere - chromium

[@LostRoaming]

I don't use electron but this will have no effect on Electron, really. The embeddable browser is already installed anywhere that tauri works anyway. You don't tauri or electron or anyone else's framework to use it. Hooking js to your native code is fairly trivial without things like tauri. It's nothing new, been doable for ages. I was doing this with the activex IE nearly 20 years ago. You can use any language to do this, c#, rust, c++, take your pick. The memory usage is not really accurate because the browser process is listed as a separate process here. You could make this even smaller and easier by eliminating this framework entirely which makes the whole thing rather pointless.

[@DashCruft]

What "separate" process? The process was a family as visible in the video. While you might have a point of argue, it's good to keep in mind that the final size of the bundle is significantly less compared to electron that uses chromium and as a developer, I find that a major pro. A software should not automatically take 100-200mb size with basic css and html. The CPU usage during idle was pretty wack with Electron compared to Tauri. Since there's a better alternative, me and most developers out there take the opportunity and use it to give a more clean software out to the hand of the user.

[@LostRoaming]

​@@DashCruft Vs electron, you're right, distribution of the embedded chromium is quite large. It does, however, guarantee the version of the browser that your app will be running on. Also, again, you don't need anyone's framework, tauri/react/other to build a desktop app with embedded browser. I'd be willing to bet that an browser embedded app could be created in sub 100kb territory with c#, c, python or even just plain rust itelf. tauri is more just a wrapper for that than an electron replacement. Just my opinion of course.

[@LostRoaming]

@June@97 Search webbrowser control. In the simplest form you can assign an event handler to navigation events. You load up your html and respond to navigation you have put on the page. Of course you can go deeper and hook js functions as well.

[@snake3837]

@@ewketbirhanabbo1875 But the most important selling point for Electron was that you can be sure you get the version you tested on because it's bundled and you get that everywhere. Tauri is completely anti dev efficiency. Now MS got into partnership with Adobe and my "cross platform" app built in Tauri does have yet another difference that I can't even control and I can't even tell my users what they should expect because it depends on what Windows update they have. Not to mention I do have now additional work because on other platforms this will be working differently. At this point there is no point in using sluggish web. Also I have yet to meet real case when 10mb vs 100mb of disk usage makes the difference. This only works for some gen-z Soyjaks not having a life because normal people do not even have idea about that or a difference.

[@xwtek3505]

"The embeddable browser is already installed anywhere that Tauri works anyway" The browsers that Electron uses is already installed in most machines that the electron apps will run, but Electron still ships with its own browser engine anyway.

[@mohameddjaballah4456]

🔥🔥🔥🔥

[@artist6000ish]

Why isn't anyone in the comment section telling this guy that he's wrong about Chromium vs. not Chromium? Tauri uses Wry for the the rendering engine, and on Windows it uses WebView2 which is Microsoft's bundled version of Chromium. More specifically, it's Microsoft Edge Chromium. It's true that Tauri doesn't ship with WebView2, however, Microsoft tells developers that they should not assume WebView2 is on the system but instead they need to ship the WebView2 binaries with their application. Microsoft's statement: "When releasing an app that uses Microsoft Edge WebView2, you need distribute the WebView2 Runtime, either by distributing the automatically updated Evergreen Runtime, or by distributing a Fixed Version of the Runtime" It's true that most Windows computers now have it, such as Windows 11. But try running your app on Windows 10, under Windows Sandbox. You'll see that the Electron version works, whereas the Tauri version does not. And forget about earlier versions of Windows (if you care about that). In reality, if the user has Office 365, WebView 2 will also be installed. You can also create your install such that when the user first runs the code, it will automatically download WebView2 and install it if it doesn't exist, which is very nice. But if you had the install on a USB, and no internet connection, you wouldn't be able to install Tauri and run the software in that case. You'd have to have an Internet connection to download the rest of the bits. All in all, I prefer Tauri's approach, over bundling everything the way Electron does. But let's not pretend this is comparing apples to apples.

[@jakerdy5369]

Bigest flaw of tauri is that it is way less reliable than electron. Consider this things: - OS without embedded browser (your app wont run) - Font rendering FF vs Chrome (surprizes in your layouts, less consistency) - Electron === Single latest version of Chromium, vs Tauri === FF/Chrome/Safari and lots of hustle with compatibility - Undetermined feature set based on browser - You couldn't use "native" pluggins if doing something performant/vendor specific - Tauri uses more processes, which is less performant than +20 mb of ram. - ... Electron === rock solid reliability across all platrofms for price of 200mb of your disk space Tauri === lotery and fancyness, with theoretical performance benefits (V8 vs Webkit vs FF)

[@jakerdy5369]

Also, the biggest problem of almost every electron app is modern framework like React/Angular/Svelte. If you use something like Vue or Solid it will be way better in both performance and memory usage.

[@adriengrsmto8658]

@@jakerdy5369 I think you mixed up Svelte and Vue. Using Vue is just as slow as using Angular or React. Svelte and Solid are comparable.

[@Ghfvhvfg]

Electron dosent Need a embeded Browser on Linux it just bloats up The install thats all.

[@Volt-Eye.]

Why is Elektron not dead yet ?

[@clipsbyagg]

I thought this was free robux

[@DashCruft]

missinformation!!!

[@i3looi2]

Well unfortunately I do not want to learn rust.. Electron is much easier to us for development ... Tauri is better for the user experience ...

[@hellelo.5840]

Tauri is great but mastering rust takes a lot of time unless you can live with too much magic code

[@DashCruft]

Mastering anything always takes considerable amount of time. Thankfully for tauri, their team has provided a clean documentation. All needed is to work on some projects so you’ll get the whole idea. I think at the end of the day it’s worth it.

[@acol4563]

Ong

[@DashCruft]

Ong

[@doublesushi5990]

@@DashCruft ong

[@paulmidas]

Electron packages more features than Tauri. That's why it needs more resources and more time to be loaded. And only 1 exe file or multiple files only matter of how you package things. If that kind of performance is that much important, you gotta use c, c++ and rust to build an app.

[@yangtimothy7351]

but rust is still way harder to learn.

[@mikeonthebox]

It wont be the end of Electron as the "backend" been Rust just plain sucks. Don't think many developers would care about having to learn Rust just because.

[@DashCruft]

You don't need Rust knowledge for Tauri unless you have a specific reason to implement a feature and call the backend from the frontend. Everything is pretty much just like electron.

[@mikeonthebox]

@@DashCruft I guess it will depend on the use case, but yes, on the cases where the main logic is in the client side, it's a real benefit how much lighter the final package is, really nice and feels faster too.

[@DashCruft]

@@mikeonthebox I honestly think it's worth it at the end of the day. Although I feel like electron will not die that fast because the user base is significantly more for them and also setting up electron is easier and faster comparing to Tauri.

[@snakemaster2]

@@mikeonthebox It will be a huge advantage because you can still do most thing in js , but can rewrite slow and error-prone parts like parsing huge files in rust, where its much easier to avoid crashing and its WAYY faster(its like horse vs racing car). Yeah, you need to learn a new language or hire additional rust devs, but the stability and performance will be worth it.

[@legitmate65536]

You tried to fool, bamboozle and trick us fellow members of your elephantine server, moreover asserting dominance over electron. However I object to your documentation. The test is unfair, you seem to have used different versions of code for testing and the code used for tauri is lighter than the one of electron. I demand a change of video topic, and removal of this unfair dominance assertion till found fair. Thank you for understanding my concerns.

[@DashCruft]

I’d like to object. even if what you’re saying is true which is absolutely not and the quality of code written for both software frameworks used for lazap are close if not identical. Moreover, It’s not just me seeing much lower memory is used. Check out the actual benchmark from the developers and see it for yourself: github.com/tauri-apps/tauri Check section “Comparison between Tauri and Electron”

[@pedroalmeida041]

dictator

[@Udayy_007]

Dashcruft is Pulchritudinous. 🤌✨

[@DashCruft]

ty bro 😎