Nice video, thanks. If you want to use code that is common to electron and react Like models or service where do you put that code?

The worst spaghetti looking project infrastructure I have ever seen. Jesus, I would hate to be this dude’s co-worker.

how do you package the app

personnaly i prefer the method to generate the electron vite react repository with the official vite create command. that make all the functionnaly of vite include. like the reload each time we change the electron files,etc.. There is the command: npm create vite@latest my-electron-vite-project After select Others->create-electron-vite->React.

I want make executable using react builder but when i try to execute it. it is showing blank screen. Any solutions for this ?

how to add auto updates in an electron app while using this

at last... I was looking so long for such a video! thank you very much!!

nice video, do you have one to get debugging setup correctly in vscode, I have followed a couple but they don't seem to work properly

Thank you!!!!

Love your content. Subscribed and liked. One suggestion: Your audio levels are way too low. To see the level right-click on the video and click Stats for Nerds. It shows levels of -11db or -15bd in part two. It should be about -2db.

tutorial great and all BUT FOR SOME REASON VS CODE IS LIKE NAH BRO YOU AINT GETTING ANY MAIN.TS OR ANYTHING LIKE THAT WORKING edit: fixed it

Thank you so much. I spend hours of trying to do this, after find this video, I managed to do it. Do you have a video of building and installing for production?

I'm studying programming, I started 3 months ago. I thought your project was very good. One question, if I need limited user access, can I simplify the implementation of this in this project? Is it very complicated to modify?

excelent content which would be be much more excellent if font size were bigger! thank you very much!

$ npm install npm WARN cleanup Failed to remove some directories For some reason i keep getting this error, both yarn and npm, and there isnt any package lock json to delete 😭 😭

Pls how can I setup the same application with JavaScript instead of typescript?

Hi, thanks for the content. I experience issue with that tutorial, when I bundle my application for mac, I open the .dmg installer and the electron window loads, but it is completely blank ? What could be the issue ?

nice work 👍

very good 👍👍

👍👍👍👍

Nice vid. How did you set all the css files as .scss initially? i thought you need to npm i sass in the project

WOW. this video helps me. thanks you so much

Couldn't get React Native for Windows to work Not sure I would be aware of this tool if it wasn't because of your video.

Amazing video! I disliked KZbin as I had been searching for such a video for the last 6 months, and KZbin didn't pull it up. I even quit Electron and Vite, but Google opened my eyes and showed me this video. Bro, good job! Keep it up. If you had some kind of full course on Udemy, I would definitely buy it

Hi, I'm having a problem making the build. I have a Sidebar which handles paths, for example "/", "/configuration". At the time of development everything works fine but when I do the build and I want to navigate between the menus, I get that the files (the paths I set) are not available. Could you help me please? Thank you very much and nice video!

I wish i had a clear knowledge about these config options like you. You saved me man thank you sooo much. ❤❤❤

wasted my time, anything but the title ...

but i can't open in the browser

is there any way with react js app ?? it is ts btw

how is this video free.... legend

Hi ! Sorry for disturbing My app is built now It show the screen but DevTools is disconnected! It seems that my db file in the dist-electron folder are not found Help me please 🙏🏾

excellent video :)

Gotta be one of the worst vids out there “uhh” “uhh”. Lmao.

There is way to write code in jsx not in tsx ???

worst video ever.

mooooon!!!, haoooon!!, chwaooon!!

mmm that seems like a lot of code to set the title of the window, I don't know much about Electron but I can't see how this would scale to a full app of similar events. Thanks for making the video though.

Thanks a lot!

Awesome ! , and this my first comment to any of the youtube video I watch !!.

Thank you for these very useful and practical videos.

Great video. Love it. ❤

Finally! A guide to setting up Electron+React that actually works! Thank you.

Thanks for the Electron series!

thank you! fyi - Vite is pronounced Veet like as in French for quickly // I'm sure it doesn't matter much I just wanted to let you know 😅

🎉

Found you from your electron IPC tutorials but I love devlog content and make my own devlogs. Look forward to following your progress man! 🤝

Hey there. It seems that there are two ways to go about quickly scaffolding the project. The most conflicting part of this is how both methods exist in the GitHub org that hosted them. You: npm create electron-vite: via a separate scaffolding CLI repo on their org They: npm create @quick-start/electron: via their official CLI repo, also on their org So... Why should we pick this CLI over the official one? Does it do anything better than the official? Why would the authors fragment their userbase like this? ---- *EDIT* : You know what, I didn't read carefully. It seems the tool you used is not the official way to go about it, and the community has created a small org around electron-vite that appears to authentically represent electron-vite. Somehow. The author of electron-vite was not involved in the development of that alternate CLI. It's still feels fragmented.

Liked and subscribed, I'd love to see the progress!

After trying to set an App Icon, my app displays just a white screen on the production build. How can we set the app icon without encountering issues? In the meantime, Thanks for this video, it helped me build an app in a very fast time.

Please zoom unto your screen or use bigger font. I can't see things without a microscope.