Electron Course - Code Desktop Applications (inc. React and Typescript)

Рет қаралды 120,794

Күн бұрын

Пікірлер: 71

@NiklasZiermann Ай бұрын

Thanks to the FreeCodeCamp team for giving me the opportunity to post another course to this channel! I hope it'll be helpful to many of you :) If any of you run into technical issues with following along feel free to post an issue to the GitHub-Repo in the courses video description or leave a reply to this comment.

@maxfrischdev Ай бұрын

Gogo Niklas, schaut gut aus! 😊👍🏼

@red_dog_ 14 күн бұрын

i liked how he showed us the final app size so we already know where we're going and what we're building before we dive into the tutorial 😁👌👌

@BennyTwinny 11 күн бұрын

Basically thank you for the video. basically covered good topics. basically, it will just get better from here. so basically, in the beginning I enjoyed the video but after a while it became a waiting game for basically.

@Avinashjoshi1003 Ай бұрын

Thanks, FreeCodeCamp Team, that I want from long back. ❤

@wdw781 21 күн бұрын

salute for making this great course!

@steelinyt5516 Ай бұрын

To me, no matter how many courses I take there's no end to learning. It seems that there's a lot of new things being uploaded than what I can learn. Thanks FCC.

@alexeyfilippov42 28 күн бұрын

это не очень продуктивно. полезнее самому изучать тему с помощью документации. начало видео уже оставляет миллион спорных моментов с тайпскриптом. посмотрел конечный код. организация кода показывает плохие практики

@xavierdupont5772 12 күн бұрын

On windows: dev.bat start cmd /C npm run dev:react start cmd /C npm run dev:electron On Linux, similar with your favorite terminal or screen. This keeps the I/O control on dev:react .

@kashishkavi8416 Ай бұрын

Finally, exactly what I was waiting for

@Avinashjoshi1003 Ай бұрын

Thanks, FreeCodeCamp Team, that I want from long back.

@6r31v1nZ Ай бұрын

love this stuff. Would love it more if it included the code for Windows users.

@ravindusha 28 күн бұрын

Great tutorial. Thank you!

@Rasty-nl7qn Ай бұрын

Is electron the best way to build cross platform desktop apps?? What about Wails, Tauri, and other alternatives? Best in terms of customizations not simplicity

@phat80 Ай бұрын

I think the best way to build cross platform desktop apps is still QT and the easiest one is Pyside which is also QT.

@sumitsingh-CANDY Ай бұрын

@@phat80 yea i think pyside is better

@srineeshsalur524 Ай бұрын

For anyone facing issues in DX improvements section 31:29 for me with setting up dev section after the setup run the command: npm install --save-dev cross-env and then run npm run transpile:electron

@hamtaroyt Ай бұрын

Hey, would you know what I should do when I get an error with running the `dev:electron`? I am getting an error saying the script `transpile:electron` is not does not exist and if I was supposed to run the script with the exact same name. I am not sure how I can fix this as it doesn't seem to be running.

@alexeyfilippov42 28 күн бұрын

@@hamtaroyt transpile:electron это кастомный скрипт. его надо написать руками в package.json

@theomcmullien 27 күн бұрын

@@hamtaroyt I had an issue where it would say `Missing script: "transpile:electron;"`. A fix for this was to replace ; with && in the following line: "dev:electron": "npm run transpile:electron && cross-env NODE_ENV=development electron .",

@kasper369 Ай бұрын

Tauri next

@red_boum 26 күн бұрын

Realistically No one is going to learn Rust to make desktop apps.. Tauri is dead they just don't know it yet.

@rstuv-0 10 күн бұрын

@@red_boum Thats why I thinking about this. If they just juse go instead of rust it would be best

@playinhertz Ай бұрын

How to keep remembered all the stuff of , next , react, electron dsa etc etc.. i always keep forgetting. Please help

@GrimBit19 Ай бұрын

no need to remember , just start building the projects and you will get hand practice for the concepts

@alexeyfilippov42 28 күн бұрын

в электрон не надо использовать next js

@playinhertz 28 күн бұрын

@@alexeyfilippov42 yes but I am learning to diversify myself but I keep forgetting the old stuff, that's the issue with me .

@ManfredoCowell Ай бұрын

I really appreciate your efforts! Just a quick off-topic question: I have a SafePal wallet with USDT, and I have the seed phrase. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). Could you explain how to move them to Binance?

@areebhussainqureshi5400 Ай бұрын

BRO DO NOT SHARE THE SEED PHRASE

@UnpopularOpinionGames Күн бұрын

For my Windows peeps! Don't forget to enable DEVELOPER MODE when running electron builder. Windows will not allow it otherwise.

@UnpopularOpinionGames Күн бұрын

And If you're using the default windows terminal, don't forget to use '&&' instead of ';' when separating commands in the scripts. Like this: "dev:electron": "npm run transpile:electron && cross-env NODE_ENV=development electron .", Instead of this: "dev:electron": "npm run transpile:electron; cross-env NODE_ENV=development electron .",

@ban_droid Ай бұрын

there's jetpack compose already, why y'all never made tutorial on it?

@cookingwithmycomrades8619 Ай бұрын

For creating the dist package, what do we do if we're building this project within WSL? Running npm run dist:win doesn't work, but npm run dist:linux does. But how I can open the project within my Windows computer like you did on your Mac at 28:00?

@littlenightmareshahahahaha3093 Ай бұрын

finally arrived, thank you so much

@ravikrpranavam Ай бұрын

Thanks for this

@s-soumyakanta Ай бұрын

FreeCodeCamp - 100 lakh subscribers 🎉

@Sean_T_Casual Күн бұрын

hey @NiklasZiermann first of all, thnx for the great course, but I run into an error. at 27:00 in the video when I try "npm run dist:win" I get the an error saying "missing script electron-builder", even though my electron-builder.json is spelled right and at the right place in the root folder.

@MohammedAhmed-y7v Ай бұрын

I ran into an error when running "npm run transplite:electron". I had to install typescript globally using npm i -g typescript That fixed the error.

@Imaginativeone_DF Ай бұрын

Is SQLite automatically included with Node now?

@RiggsBoson Ай бұрын

Hum first, hum first! 🥇

@shis10 Ай бұрын

Moast awaited video ♥️🔥🙌🏻

@hashimanshad1041 Ай бұрын

Thank you

@jordanyoung1836 Ай бұрын

I have arrived

@RahulRaj-rs8zh 7 күн бұрын

can anyone help with how to deploy/distribute these kind of apps, react can be deployed. how to make sure the build changes and updates with the new one everytime I push new react update?

@jsimmonstx Ай бұрын

Hot reload stopped working form me after I changed the base path in vite.config.js, and ran "npm run build". if I use "npm run dev:electron", the app loads/displays as expected, but hot reload does NOT work, if i use "npm dev:react", hot reload works fine. What am I doing wrong?

@NiklasZiermann Ай бұрын

The dev:electron script will not allow hot module reloading on its own. There's a section later on in the course where the "npm run dev" script is added that combines "npm run dev:electron" and "npm run dev:react" to enable hmr

@codykrist5625 Ай бұрын

In 2024, using Tauri is significantly superior to electron while providing a similar learning curve. Electron bundles a browser, which means that browser will need to be updated regularly to keep up with web security. It also has implications on bloat and (as shown by discord and slack) can be difficult to keep up to date with Tauri uses web view, which means when you update your OS your app updates with it. This does mean that as web standards change, your app will need to be updated to keep up with the changes in most cases, but you’ll also have direct access to system resources which should provide a superior, more native feel. Tauri also has mobile support in their 2.0 release Tauri -> better performance, more secure, more cross platform, may have to write rust for more complicated applications Electron -> more stable, bloated, slower, desktop platforms only, 100% JS/ts Love electron, was my first framework when developing desktop apps, but the bloat and slowdowns were detrimental later in my career

@rstuv-0 10 күн бұрын

Do you expect js developers to learn rust just for desktop applications

@codykrist5625 9 күн бұрын

@@rstuv-0 No, but you don't have to write rust to use Tauri. They have the JS APIs for a reason. You may need to install rust and you'll see rust files, but there's seldom a reason to write rust code unless you're trying to do something *Very* custom.