Build desktop apps with JavaScript easily 👩‍💻

Поделиться
HTML-код
  • Опубликовано: 28 сен 2024

Комментарии • 355

  • @starstheengine
    @starstheengine 2 года назад +853

    No worries. You just need to download more ram.

    • @SENTRY456123
      @SENTRY456123 2 года назад +56

      70 IQ: download more ram
      100 IQ: NoOoOoOo yOu cAn'T DoWnLoAd mOrE RaM!!
      130 IQ: download more ram

    • @8koi245
      @8koi245 2 года назад

      easy

    • @ryu_798
      @ryu_798 2 года назад +6

      Sir its dedicated wam.

    • @dabbopabblo
      @dabbopabblo 2 года назад

      @@ryu_798 That had no busy making me laugh so hard

    • @vaguediscomfort5720
      @vaguediscomfort5720 Год назад +1

      @@ryu_798 *ahem* I think you mean "dedidated"

  • @itsme_indira
    @itsme_indira Год назад +252

    Ah yes, the good old "Every application will eventually be written in JavaScript".

    • @dleonardo3238
      @dleonardo3238 Год назад +1

      Js maxists are the lgbtq++ of programming

    • @Bryan_Hunt
      @Bryan_Hunt 9 месяцев назад

      @@internet8080not true

    • @tiktalk4573
      @tiktalk4573 4 месяца назад +1

      It’s a business decision for many companies to go with electron than java/c since its fast deployment, and user friendly.
      Users don’t care if stack electron is not great as long as its user friendly and aesthetic

  • @maxovicsteiner9646
    @maxovicsteiner9646 2 года назад +312

    this is why, as a MERN developer, I started learning Rust :)

    • @thatsalot3577
      @thatsalot3577 2 года назад +21

      Yeah just add wasm to your stack and you'll become unstoppable 🔥

    • @mrsandywilly7279
      @mrsandywilly7279 2 года назад +8

      Tauri my beloved🙏

    • @bridiro
      @bridiro 2 года назад +9

      that's a big brain move. I think that in a few years this language gonna be one of the most important in the programming world. I saw that Linux developers was thinking about rewriting the whole kernel in Rust, or just a part

    • @cerulity32k
      @cerulity32k 2 года назад +4

      @@bridiro iirc Rust was introduced into the kernel, but i don’t think the entire kernel will be rewritten.

    • @Joe-zg9eq
      @Joe-zg9eq 2 года назад

      Pardon but what's a "MERN developer"?

  • @manoelBneto
    @manoelBneto 9 месяцев назад +20

    And this is why every desktop app now uses at least 300mb of RAM, now matter how simple they are.

    • @itsmenatika
      @itsmenatika 15 дней назад

      Teams... That shit could use 1gb for no reason in idle and comparing that to TS3 is XD... Like big adult vs small baby

  • @lunedefroid8817
    @lunedefroid8817 Год назад +165

    "You can build desktop applications…."
    Me: Wow, somebody realised that web development is not the only type of software development in the world, and that there are still people who develop apps, gotta hear about that
    "… with JavaScript"
    Me: WTF

    • @RiversJ
      @RiversJ 8 месяцев назад +2

      Only reason I clicked on this was too see this comment down here somewhere lol.
      Mind you it isn't impossible to make a good desktop program in JavaScript, but none of the tooling is heading to a direction that would allow it. If the program architecture is 90% polyfill bloatware and designed by someone that thinks the current web frameworks are a good starting place for it, they'll either struggle mightily to get it done well, or release garbage.
      Good examples would be the PC component vendor's applications for managing their hardware, they seem to only hire web devs (nothing wrong with that mind you I'm one too) for lower cost and not dedicate any time to make an architecture actually designed for the purpose.

  • @DeepfriedChips
    @DeepfriedChips 2 года назад +24

    I very much like apps that use tauri or edge webview since they tend to run much faster because they strip unnecessary components
    Also for those wondering there are multiple webview libraries
    There’s Tauri with Rust and JS/TS
    Wails with Go and JS/TS
    If you bother searching you’ll probably find a version for a language you’re familiar with

    • @swiftypopty1102
      @swiftypopty1102 2 года назад +3

      Isn't Edge Webview run in Chromium also?

    • @bronzekoala9141
      @bronzekoala9141 Год назад +3

      @@swiftypopty1102 The difference is, that an app built in tauri does't package it's own version of chromium but uses the one already installed on your PC (Webview).

    • @Inf4mousKidGames
      @Inf4mousKidGames Год назад +2

      ​@@swiftypopty1102 yes but the reason edge chromium is better is because Microsoft changed the source code (open source is open source) and fixed chrome memory intensive nature. So it no hog you RAM.

  • @VenkiNagaraj
    @VenkiNagaraj 2 года назад +81

    You’re shortz videos are so useful for beginners

    • @CodingWithLewis
      @CodingWithLewis  2 года назад +1

      Glad you think so!

    • @shakhnozahalilova3249
      @shakhnozahalilova3249 2 года назад

      @@CodingWithLewis Hi, Why don't we have developers or jobs for who build desktop applications specifically or a developer shouldn't choose technologies to build applications?

  • @lightning_11
    @lightning_11 11 месяцев назад +30

    Now I understand why VS code eats all of my ram

    • @astrahcat1212
      @astrahcat1212 10 месяцев назад +4

      And Discord 😢

    • @joopie46614
      @joopie46614 9 месяцев назад +2

      and teams

    • @ayoubelkadiri5494
      @ayoubelkadiri5494 4 месяца назад

      ​@@joopie46614 i think the new teams uses UWP or MAUI cause. Even whatsapp was on electronJs and now its on one of microsoft Frameworks...

  • @jasonkhaings1414
    @jasonkhaings1414 2 года назад +70

    hey could you tell us how you research new programming libraries or frameworks.

  • @welpyes
    @welpyes 2 года назад +75

    Chromium will just destroy your ram in seconds

    • @iliasalaur
      @iliasalaur 2 года назад +5

      Well, if you are coding for an Atmega328p with 2kB of ram, probably you shouldn't use electron. But probably you even don't know what is an Atmega328p so...

    • @faisalhnf
      @faisalhnf 2 года назад +16

      @@iliasalaur Stop normalizing inefficient use of resources. Electron can be less inefficient if it's heavily optimized (like VSCode), but most people don't bother to. Even if they do, it'll still be slower than some other language.

    • @iliasalaur
      @iliasalaur 2 года назад

      @@faisalhnf may i hear some examples of "some other languages" ?)

    • @Vexxel256
      @Vexxel256 2 года назад +7

      @@iliasalaur C, C#, C++, Ruby, Python, Lua.

    • @iliasalaur
      @iliasalaur 2 года назад +10

      @@Vexxel256 good luck writing a desktop app in QT for 3 different platforms using C++.

  • @qvindicator
    @qvindicator 2 года назад +4

    And this is why most modern apps are extremely slow

  • @RubixCubed3
    @RubixCubed3 6 месяцев назад +11

    My job is to build desktop apps. The customer’s ram limits aren’t my problem.

    • @spythere
      @spythere 4 месяца назад +2

      That's why software is so shitty.

  • @guilleliss
    @guilleliss 2 года назад +7

    Tauri is awesome !

  • @Yotapaki
    @Yotapaki 9 месяцев назад +1

    I started to learn tauri yesterday. Very good system and you can use it with full rust just perfect

  • @kinsondigital
    @kinsondigital 2 месяца назад +1

    I am actually building an application for my client using Tauri. It is fantastic and v2.0 is around the corner. I would personally not choose electron over Tauri.

  • @CodingWithLewis
    @CodingWithLewis  2 года назад +5

    Have you tried Tauri or Electron 🤔

    • @noahbeaudin6478
      @noahbeaudin6478 2 года назад +3

      Used and liked both. Working with Rust is quite enjoyable.

    • @guilleliss
      @guilleliss 2 года назад +6

      Tried both, tauri produces packages way smaller, and takes less memory when running the app

    • @Rice7th
      @Rice7th 2 года назад +1

      Tried Tauri, and i think it is very good since it is not too complex and it is fast (Tauri only uses WebViews, such as Webkit on Linux and Mac and Blink+V8 on Windows, instead of packaging a whole web browser like electron does)

    • @falkon8307
      @falkon8307 2 года назад

      Yeah, and prefer tauri over electron

    • @tjgdddfcn
      @tjgdddfcn 2 года назад

      way easier to make a react app in tauri than electron

  • @MahmudAdulaziz
    @MahmudAdulaziz 6 месяцев назад +2

    As a start what is the first thing to learn

  • @Grinwa
    @Grinwa Год назад +3

    I still in shock when i knew we actually are all writing code in a web browser 😅

  • @Aydiniyom
    @Aydiniyom 3 месяца назад

    That villager sound hits hard.

  • @NachitenRemix
    @NachitenRemix 2 года назад +1

    Please keep in mind that Google Chrome is NOT THE SAME as Chromium. Chromium is an open source proyect, which was used as a base to create Google Chrome, Edge and other web browsers. Please dont confuse them as they are not the same

  • @cecece775
    @cecece775 2 года назад +1

    A good atlernative is Tauri, u can us react and build desktop app that will compile to rust

  • @guilleliss
    @guilleliss 4 месяца назад

    I used Tauri a couple of times, the bundle size and ram usage are orders of magnitude smaller than Electron. It is already stable and should be a no brainer choice for any js+desktop app

  • @patrickagoptimedia9799
    @patrickagoptimedia9799 2 года назад

    Just when i was looking for how to build desktop application. Lewis you are awesome😃.

  • @thatzokay
    @thatzokay 2 года назад +1

    electron is good but it takes up so much ram and space because it comes with chromium so thats why i like to use tauri and yeah it is really good

  • @TheMoviemaker98
    @TheMoviemaker98 4 месяца назад

    I feel like just when you're about to understand this one thing, and then suddenly something new comes up to replace the very thing you're learning. Feels very demotivating and hopeless because how can we ever catch up

  • @AnoopSeth
    @AnoopSeth 9 месяцев назад +1

    Tauri is very fast but notification click is not working on that. And it makes it useless for you to make information based app

  • @imadeekosatriawiguna6252
    @imadeekosatriawiguna6252 5 месяцев назад

    I'm curently build POS app using tauri + next.js. And that's fun. Just got some bug like notification suddenly missing on tauri, gonna wait for tauri 2

  • @rohanmanchanda5250
    @rohanmanchanda5250 2 года назад +2

    Keep up, person. Compose multi-platform is all the meat now

  • @baggier
    @baggier 2 года назад +1

    Someone actually did a benchmark with both
    And the memory and resource hogging is the nearly same between them

  • @chippzy
    @chippzy 2 года назад +1

    Tauri is going to be annoying to test for different OSs, especially for Linux where there is multiple webview runtimes for different Desktop Enviroments

  • @paladinuserfem
    @paladinuserfem 2 года назад +1

    Neutralino JS is also a great option, it works really well with smaller application size and memory footprint

    • @judedavis92
      @judedavis92 2 года назад

      🤦‍♂️🤦‍♂️🤦‍♂️

    • @paladinuserfem
      @paladinuserfem 2 года назад

      @@judedavis92 anything???

    • @judedavis92
      @judedavis92 2 года назад

      @@paladinuserfem what do you mean?

  • @justaway_of_the_samurai
    @justaway_of_the_samurai 10 месяцев назад

    Electron is supposedly a better option than the legacy option of Cordova, but with "web" apps there is always going to be limitations on what you can do in javascript, especially around interacting with the operating system.
    With my Cordova app, which also runs a web app in a container, you can't do anything to directly browse the user's storage to load/save files because the embedded web browser hosting the app has built in security features blocking the "web" application from accessing anything on the system. In order to get my app to work (on my android phone), I had to create a plugin using Java which saves the files, and Cordova had to load that plugin to use within my app. Very difficult way to develop the app IMO.

  • @minsan6696
    @minsan6696 10 месяцев назад +1

    But Can I make game engine like Unity or Godot out of JavaScript?

    • @morgadoapi4431
      @morgadoapi4431 9 месяцев назад

      Sure if you dont care about performance sure!

  • @Elytrii
    @Elytrii 9 месяцев назад

    Modifying your apps using other forms of chromium that's more lightweight like thorium

  • @breadexpl0it3r95
    @breadexpl0it3r95 Год назад +2

    if React-Native had Windows…

  • @sandamarius7017
    @sandamarius7017 Год назад +1

    Qt for C++💪💪💪

  • @rammrras9683
    @rammrras9683 5 месяцев назад

    Very great app are made with electron. But they are slow as hell and try to enshittify easily. I'm lookin at you "MS Teams"!

  • @disabledmallis
    @disabledmallis 2 года назад +1

    What about neutralino? Same benefits as tauri but still entirely js like electron

  • @iliasalaur
    @iliasalaur 2 года назад

    VS Code is written in ElectronJS btw

  • @esemelekete1330
    @esemelekete1330 2 года назад

    That's what makes me concerned when making desktop app with electronjs. So I stick to the native language instead.

  • @telasilay8760
    @telasilay8760 5 месяцев назад

    Can someone explain to me what's the electron on this video mean, i mean it's that same electron on atom? How it's works

  • @chippzy
    @chippzy 2 года назад

    Arch Linux does Electron right, by making you have the version installed, and not installing it again and again for each program that uses it

  • @Caellyan
    @Caellyan 10 месяцев назад

    See, that's why if you're big brain you only package the entire Skia with your application :)

  • @tbuk8350
    @tbuk8350 2 года назад +1

    Say it with me everyone: "Chromium is not the same as Google Chrome!"
    Also, just use PWA apps. "Installs" instantly, appears like a native app and doesn't package another browser when you already have one. Plus, you literally just use the same code as your web version.

  • @matthiasschuster9505
    @matthiasschuster9505 2 года назад

    VSCode does NOT use Electron. They forked a small part of it

  • @yanikkendler
    @yanikkendler 2 года назад

    idk why everyones hating soo much, really cool reliable apps are built on electron

    • @qvindicator
      @qvindicator 2 года назад

      Because electron adds bloat for no reason. VSCode uses 35x more ram than Vim on my machine, for example.

  • @Josegomes-ci7ui
    @Josegomes-ci7ui 10 месяцев назад

    very good. I from in brazil

  • @the_akhleshkumar
    @the_akhleshkumar 2 года назад +1

    JS is an emerging language. In the future it's gonna everywhere. Started from browser, now it can be used in backends, servers, mobile applications, desktop applications and even blockchain also uses Javascript.

  • @SoulExpension
    @SoulExpension 8 месяцев назад

    oh wow, built in telemetry

  • @molor0824
    @molor0824 2 года назад +1

    Or you can use C and SDL2 as always :)

  • @defaultchannelname1391
    @defaultchannelname1391 2 года назад

    When we call him out for calling electron lightweight he uses it as new content idea kekw

  • @Quidoute
    @Quidoute 2 года назад

    Bois if you want JS dont use electron,
    Use NodeGUI or React Native Desktop or Proton Native or Just a PWA their are a lot of aptions, and M just saying these days the performance gap in electron is so tiny so electron is good too

  • @mdo_4578
    @mdo_4578 5 месяцев назад

    Why not just use C# or C++? Im not sure but i think theyre faster? Someone tell me

  • @marcommat
    @marcommat 8 месяцев назад

    Assuming we're happy with running 500Mb Chromium

  • @novcwastaken
    @novcwastaken 2 года назад

    Wait, is it just me or did the progress bar really overflow after the chrome memes?

  • @jacobh89
    @jacobh89 9 месяцев назад

    Like oh my god

  • @Rocksy7
    @Rocksy7 3 месяца назад

    Tauri technology is new and is 10x less buggy crazy huh

  • @thelonewanderervn
    @thelonewanderervn 6 месяцев назад

    One huge downside: “It’s slow”

  • @ryu_798
    @ryu_798 2 года назад

    If possible where is the source of your information

  • @enkiimuto1041
    @enkiimuto1041 Год назад

    Talk more about tauri

  • @MKXD2010
    @MKXD2010 10 месяцев назад

    Rip
    Zooble
    (0001-2023)

  • @L0V3V4MP1R3
    @L0V3V4MP1R3 2 года назад

    Does Tauri use monads though? :^)

  • @joshuamilano3750
    @joshuamilano3750 11 месяцев назад

    Electron is not great though...

  • @0xbinarylol
    @0xbinarylol 8 месяцев назад

    No multi window support and out dialogue 😂

  • @mr.googleuser6764
    @mr.googleuser6764 6 месяцев назад

    Just use c# ......

  • @judedavis92
    @judedavis92 2 года назад +1

    How about just don’t use JavaScript?
    I guess it’s being used for more than what it’s worth 🤮🤮🤮
    One reason why chrome uses so much RAM is because of the slow JavaScript calls. People should start realising that JavaScript is actually just best suited for the web, not much else.

    • @Inf4mousKidGames
      @Inf4mousKidGames Год назад

      Not even the real reason Chrome is so resource heavy is because of how they handle tab management.
      Someone explained it to me plain and simple everytime you open a new tab in Chrome it counts as a new instance of Chrome being opened (as in a new window)

  • @SIAMEInekeidijdnen
    @SIAMEInekeidijdnen 2 года назад

    01:00

  • @interstella0
    @interstella0 Год назад

    Ofc rust comes out of nowhere

  • @datburn5224
    @datburn5224 2 года назад

    yeah all matter has electrons

  • @mohammedgogah2019
    @mohammedgogah2019 2 года назад

    What about ionic

  • @MickenCZProfi
    @MickenCZProfi 2 года назад +1

    Just use PWAs, easy.

  • @The_Only_StixMan
    @The_Only_StixMan 4 месяца назад

    Learn the mother of Javascript, JAVA

  • @cinamynj
    @cinamynj 3 месяца назад

    Why don’t folks just use something different from JavaScript? 😵‍💫

  • @zalnars7847
    @zalnars7847 2 года назад

    Use GTK!!

  • @amynagtegaal6941
    @amynagtegaal6941 2 года назад

    I ❤ Tauri

  • @ignaciosanmartin2143
    @ignaciosanmartin2143 6 месяцев назад

    chromium is not chrome

  • @mandi0ducdev142
    @mandi0ducdev142 2 года назад +1

    Please all the video is good but stop the but joke please

  • @therandomsomeone.
    @therandomsomeone. Год назад +23

    best solution: DON'T make desktop apps in javascript

    • @randidoesthings
      @randidoesthings 11 месяцев назад +2

      What do you recommend for desktop applications??

    • @astrahcat1212
      @astrahcat1212 10 месяцев назад +3

      ​@randidoesthings C# is good if your using Windows, MAUI, WPF, you can transpile C# to C++ if you need to.

    • @randidoesthings
      @randidoesthings 10 месяцев назад

      @@astrahcat1212 huuu gotcha! Always just curious what people recommend and stuff!!^^ ive not done much desktop c# stuff might be worth checking out then!

    • @Thoraxe12
      @Thoraxe12 10 месяцев назад

      Idk tauri has been pretty good. Rust doesn't have good gui libraries from what i have seen so offloading that part to js frameworks like react seems pretty smart.

    • @morgadoapi4431
      @morgadoapi4431 9 месяцев назад

      Kotlin is super nice and MAUI with C#

  • @AmirElfu
    @AmirElfu 2 месяца назад

    Nooooo, dont use electron !!

  • @_timespace_
    @_timespace_ 2 года назад

    That's a big peach

  • @mridontclickbaitftw4366
    @mridontclickbaitftw4366 2 года назад

    so you're telling me that I, a vscode user have been coding in a web browser this whole time

    • @chetan9533
      @chetan9533 2 года назад

      Ye, i forgot how exactly but there's a way to inspect elements and you'll see it's an html tree 😅

    • @mridontclickbaitftw4366
      @mridontclickbaitftw4366 2 года назад

      @@chetan9533 is the regular old visual studio 2019 and 2022 the same???

    • @chetan9533
      @chetan9533 2 года назад

      @@mridontclickbaitftw4366 I don't know much visual studio, i use visual studio code.
      Visual studio if i remember correctly is mostly dedicated for c# dev work and comes with all the tooling around c#/dotnet dev built into it.
      Visual studio code(vscode) on the other hand is a comparatively light weight, general purpose IDE that we see in almost all web dev tutorials. We can install extensions to make it work well with various languages/frameworks.

    • @qvindicator
      @qvindicator 2 года назад

      @@mridontclickbaitftw4366 The Visual Studio IDE is completely different from the Visual Studio Code text editor. The IDE runs natively and not inside a web browser.

  • @mazharansari7813
    @mazharansari7813 2 года назад

    BUT.....

  • @agungkurniawan7044
    @agungkurniawan7044 Год назад

    Another js framework

  • @maran.ath4
    @maran.ath4 2 года назад

    Flutterrrrr

  • @peachezprogramming
    @peachezprogramming 2 года назад

    Yeah but you have to use JS 😂

  • @canoshit
    @canoshit 6 месяцев назад

    (use .hta file)

  • @itsjustsushi2023
    @itsjustsushi2023 2 года назад

    .

  • @Fayroll5
    @Fayroll5 8 месяцев назад

    isnt chromium just a virus? yeah i aint downloading that

  • @fosspointer
    @fosspointer 2 года назад

    Don't do drugs and electron kids.

  • @thesituation5315
    @thesituation5315 2 года назад

    It's cool and interesting. I just don't understand why you would do this though. There's several better options, but really, C# is the best. C# is king of desktop apps. Especially when the standard JS library is so horrible. You shouldn't have to use third-party libraries for (relatively) simple things.

    • @perrylets
      @perrylets 2 года назад

      Then please tell me how do I make a cross-platform app with c#, the only thing I found was avalonia with xml. Pretty terrible dx.

  • @Shaktiman-dz4vq
    @Shaktiman-dz4vq Год назад

    Do we really need desktop apps anymore?

  • @meloveinflation
    @meloveinflation 2 года назад

    Can We do it with Python ?

    • @thatsalot3577
      @thatsalot3577 2 года назад +1

      Not sure, but still it would lag as hell without any backend (not the server but a fast language that'll act as the bridge between the OS and custom logic because python and javascript both are meh for performance )

    • @azsoftware
      @azsoftware 2 года назад +2

      🤮 python, why ruin it

  • @leokiller123able
    @leokiller123able 10 месяцев назад +9

    I used Tauri for my internship, built an app that controls the workflow of a medical device, it was a good choice I made I think because it was really easy to use and you don't even need to learn rust as you can just ignore the default rust backend and use your own NodeJS one for example, and no rust coding needed.

  • @kissykriss
    @kissykriss 2 года назад +9

    I've worked with ElectronJS por a months, and I just loved, because de benefit of a desktop app is that you won't need a Back-end server, the "back-end" is the machine of the client xd

  • @itsmrhunter
    @itsmrhunter 2 года назад +4

    This is why I will only learn HTML

  • @sixteen9199
    @sixteen9199 2 года назад +6

    I'm sad.

    • @randomname2437
      @randomname2437 2 года назад +1

      Hi sad I'm dad

    • @idk123
      @idk123 2 года назад

      @@randomname2437 Hi dad I'm mad

    • @SENTRY456123
      @SENTRY456123 2 года назад

      @@randomname2437 why did you name in this way?

    • @randomname2437
      @randomname2437 2 года назад +1

      @@SENTRY456123 why why whyyy

  • @razor-4eg
    @razor-4eg Год назад +2

    node-webkit aka nw.js is way better and faster than electron, plus it support a compilation from js to binary and include this files into ur js code.

  • @m0ke0
    @m0ke0 11 месяцев назад +2

    Yesss Tauri. I transferred over to it shortly after starting with Electron

  • @theburntcrumpet8371
    @theburntcrumpet8371 2 года назад +4

    The world doesn't need more electron apps.

    • @AYT04
      @AYT04 Год назад +2

      I prefer apps that aren’t made in js, maybe C apps

    • @Cyberfishofant
      @Cyberfishofant 11 месяцев назад

      well, maybe REAL designers are too expensive

  • @lmtr0
    @lmtr0 Год назад +1

    Tauri