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.
@momocraft36528 күн бұрын
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
@PacLevkovАй бұрын
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?
@luizsozinhoasАй бұрын
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?
@alvarobyrne2 ай бұрын
excelent content which would be be much more excellent if font size were bigger! thank you very much!
@rfryanfavour43692 ай бұрын
$ 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 😭 😭
@Silasmatala3 ай бұрын
Pls how can I setup the same application with JavaScript instead of typescript?
@ehrengrenlund3 ай бұрын
in the setup command and the beginning of the video. you will just use javascript instead of typescript. anywhere i use types, you will just omit those
@georgirazsolkov58703 ай бұрын
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 ?
@sadrakhorami49024 ай бұрын
nice work 👍
@sadrakhorami49024 ай бұрын
very good 👍👍
@sadrakhorami49024 ай бұрын
👍👍👍👍
@_3_-qi9em4 ай бұрын
Nice vid. How did you set all the css files as .scss initially? i thought you need to npm i sass in the project
@ehrengrenlund4 ай бұрын
Yes, so you will need to do npm i -D sass to get scss files to work. Vite does all the configuration for you so there isn't anything you have to do there.
@aslamjonibragimov41494 ай бұрын
WOW. this video helps me. thanks you so much
@jcruz68884 ай бұрын
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.
@DisconnectedMedia4 ай бұрын
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
@fraanarrizurieta51985 ай бұрын
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!
@nethajimurthy12295 ай бұрын
I wish i had a clear knowledge about these config options like you. You saved me man thank you sooo much. ❤❤❤
@smohammadhn5 ай бұрын
wasted my time, anything but the title ...
@muhammedshahanashussain21816 ай бұрын
but i can't open in the browser
@jcruz68884 ай бұрын
no shit It's electron, it's not a web app.
@shreyassonu33056 ай бұрын
is there any way with react js app ?? it is ts btw
@thehero96 ай бұрын
how is this video free.... legend
@tidalauralien79846 ай бұрын
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 🙏🏾
@ehrengrenlund6 ай бұрын
I have a discord and would be happy to help you there! Here is an invite link: discord.gg/yjJw8DFx
@infowizard_6 ай бұрын
excellent video :)
@sgares67417 ай бұрын
Gotta be one of the worst vids out there “uhh” “uhh”. Lmao.
@tidalauralien79847 ай бұрын
There is way to write code in jsx not in tsx ???
@ehrengrenlund7 ай бұрын
In that boilerplate when you initialize it, you can select what language you want to use. in this video i selected typescript, but you can select javascript if that’s what you want to use
@daviswalker50677 ай бұрын
worst video ever.
@divyanshm.22767 ай бұрын
mooooon!!!, haoooon!!, chwaooon!!
@jacobgoldenart7 ай бұрын
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.
@ehrengrenlund7 ай бұрын
It’s just an example. Production level apps usually would have titles set when a window is spawned from electron. IPC is typically used for accessing node libraries that are not exposed to the front end. Hopefully that clarifies some things?
@brr35348 ай бұрын
Thanks a lot!
@AbhishekGupta-je5ni8 ай бұрын
Awesome ! , and this my first comment to any of the youtube video I watch !!.
@kinamartinez8 ай бұрын
Thank you for these very useful and practical videos.
@vedx8 ай бұрын
Great video. Love it. ❤
@Rick-mf3gh9 ай бұрын
Finally! A guide to setting up Electron+React that actually works! Thank you.
@user-or5ko2up4z9 ай бұрын
Thanks for the Electron series!
@NotesNNotes9 ай бұрын
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 😅
@gabriellicar10 ай бұрын
🎉
@samosborne10 ай бұрын
Found you from your electron IPC tutorials but I love devlog content and make my own devlogs. Look forward to following your progress man! 🤝
@KajiTetsushi10 ай бұрын
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.
@thefool73310 ай бұрын
npm create @quick-start/electron grants additional configurations to the initial project set up, for instance I don't use TypeScript and by default the npm create electron-vite adds TypeScript configurations.
@milhane16611 ай бұрын
Liked and subscribed, I'd love to see the progress!
@ehrengrenlund11 ай бұрын
It will definitely take a while, but I will be keeping the channel updated with weekly dev logs!
@augustine_codes11 ай бұрын
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.
@ehrengrenlund11 ай бұрын
Are there any errors that pop up in your console? You should just have to replace the favicon.ico file with your own. Regular PNG files wont work and etc. has to be a .ico file as far as I am aware.
@MMhb-dj1hj Жыл бұрын
Please zoom unto your screen or use bigger font. I can't see things without a microscope.
@Eragon09 Жыл бұрын
hello bro my app work well on comand npm run dev. But when i building the app not finding the files you know about that?
@ehrengrenlund Жыл бұрын
They should either go into a dist folder or a build folder in your project directory. if they are not, make sure your command is completing and there are no errors in the output
@Eragon09 Жыл бұрын
@@ehrengrenlund great i try see it thanks
@highzenburger1829 Жыл бұрын
Have you tried the new Protocol handle method? Since they've deprecated previous ones the one is causing a headache in retrieving local files.
@ehrengrenlund Жыл бұрын
I have not actually. i will have to check that out
@andronic1235 Жыл бұрын
On the next part, could you please show how to get data from different endpoints while validating the jwt token?
@ehrengrenlund Жыл бұрын
Validating the JWT will take place on the API as validating it client side leaves your API vulnerable as you would have to store the secret used to hash your JWT tokens on every clients machine. I do have a rest API boilerplate on my GitHub I can link here, and that has authentication as well as JWT authentication.
@gautamraj5671 Жыл бұрын
Would really appreciate if you can upload more electron videos. ❤❤
@gautamraj5671 Жыл бұрын
Great video man. Great work. Keep going ❤
@andronic1235 Жыл бұрын
These videos were very informative, thanks for making these!
@cakemeat Жыл бұрын
love this video, but when I do this I get problems with 'node:fs' and 'node:path'
@NhanNguyen-tl9mh Жыл бұрын
Hope i can see more episodes about Electron Vite Reactjs app.