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.
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.
это не очень продуктивно. полезнее самому изучать тему с помощью документации. начало видео уже оставляет миллион спорных моментов с тайпскриптом. посмотрел конечный код. организация кода показывает плохие практики
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.
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 .
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
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.
@@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 .",
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
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?
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 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.
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?
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?
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
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?
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.
Gogo Niklas, schaut gut aus! 😊👍🏼
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 😁👌👌
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.
это не очень продуктивно. полезнее самому изучать тему с помощью документации. начало видео уже оставляет миллион спорных моментов с тайпскриптом. посмотрел конечный код. организация кода показывает плохие практики
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.
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 .
Thanks, FreeCodeCamp Team, that I want from long back. ❤
love this stuff. Would love it more if it included the code for Windows users.
salute for making this great course!
Finally, exactly what I was waiting for
Thanks, FreeCodeCamp Team, that I want from long back.
Tauri next
Realistically No one is going to learn Rust to make desktop apps.. Tauri is dead they just don't know it yet.
@@red_boum Thats why I thinking about this. If they just juse go instead of rust it would be best
Great tutorial. Thank you!
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
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.
@@hamtaroyt transpile:electron это кастомный скрипт. его надо написать руками в package.json
@@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 .",
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
I think the best way to build cross platform desktop apps is still QT and the easiest one is Pyside which is also QT.
@@phat80 yea i think pyside is better
FreeCodeCamp - 100 lakh subscribers 🎉
How to keep remembered all the stuff of , next , react, electron dsa etc etc.. i always keep forgetting. Please help
no need to remember , just start building the projects and you will get hand practice for the concepts
в электрон не надо использовать next js
@@alexeyfilippov42 yes but I am learning to diversify myself but I keep forgetting the old stuff, that's the issue with me .
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?
BRO DO NOT SHARE THE SEED PHRASE
finally arrived, thank you so much
there's jetpack compose already, why y'all never made tutorial on it?
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
Do you expect js developers to learn rust just for desktop applications
@@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.
Viewers before learning this, please consider tauri
why?
You are expecting us to learn rust.
No
I am considering learning tauri. Any tips/suggestions?
Thanks for this
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.
I have arrived
Thank you
Moast awaited video ♥️🔥🙌🏻
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?
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?
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
Is SQLite automatically included with Node now?
Hum first, hum first! 🥇
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?
Is there any in vanilla js? 😥
Add how to upload images
😎👍🏻
Tauri please..
wow you talk fast. had to drop speed to 0.75
please help find someone can share like this video but with vue js or nuxt js. it is so rare in youtube video :))).
WPF framework also good option?
no go for pyside
german pastes everything ugh
Jackson Amy Robinson James Thompson Steven
33320
327
Damn third comment
Use Tauri
Thank you