To package your app up for different platforms, you could use one of the following:
⭐ All Courses:
💖 Show Support
👇 Follow Traversy Media On Social Media:
0:00 – Intro
3:05 – Resources
4:48 – Setup & Install Dependencies
8:08 – Create Main Window
12:45 – Common Boilerplate
15:53 – Show Devtools
18:10 – Using Electronmon
18:54 – Adding the UI Theme
21:26 – Content Security Policy
23:00 – Menu Customization
27:36 – Menu Roles
30:00 – About Window
31:53 – Start Renderer JS / Load Image
38:15 – Get Original Dimensions
39:40 – Using Preload
44:28 – Show Output Path
46:43 – Toastify Alerts
50:58 – Form Submit Handler
53:54 – IPC Renderer (Send)
56:44 – IPC Main (Recieve)
59:35 – Resize Image
1:05:32 – Catch Message In Renderer
1:07:32 – Make mainWindow Global
1:10:22 – Test Production Mode
Thank you for your work did you consider Neutralinojs as much smaller and much faster than electron because it uses chrome library
Great Video! <3
But I don't think npm resize-img accepts gifs as a format.
I don't mean to disrespect, but why are we still using electron in the holy year of 2022? There are plenty more options that use simple html, css and js and are easy to learn and easier to run performance wise. I would personally promote NW.js and Tauri more then Electron. You don't have a Tauri course and the NW.js one is 2 years old. Keep it up though, you were one of the first channels I watched when I started learning to program and I appreciate your help.
Can you do a video on building a Youtube to MP3 Converter? All the ones online are sketchy. It would be awesome if we could build our own. Love the video!
Thanks Brad. I don't think I'll ever be able to repay you for all the great training.
Are you using an electron extension for intellisense?
Thanks a ton!! You're awesome as always.
Has anyone gotten a 'mainWindow is not defined' message' after bringing in shell and creating the 'Open dest folder' and 'Send success to render'? I can see that the resized image is sent to my folder but the message and location do not pop up. This is a t about 1:05 of this video. At this point my error message stops working as well (when I test by uploading non-image). Any suggests would be welcomed thanks.
Can install [email protected] globally with npm and add one script like "dev": "electronmon ." in the package.json and run the proyect with npm run dev
ahh, so much needed as those security changes in electron made many many tutorials not suitable
Thanks for the course, it's very informative and helpful.
-You had HTA which were HTML container with full system access. Ran HTML+ VB Script
-VB6 – desktop application development IDE which produces native code, can do what the system is capable of.
Hi Brad. I was wondering, how do you get the css file used in this electron app? Since it is Tailwind css, did you design elsewhere and treeshaking the classes first or that is full css in Tailwind?
Electron is deaad. Tauri timee
thank you Brad for this updated tutorial on electron!
Can you do one with React and Tauri
Great session, Very useful and informative at a great pace. Thanks.
I think I will just stick to WPF and c#… That doesn't look good.
man. Thank you!
I will save it on my list so I can follow it later,
Please make API Project
Good times. Thanks as always Brad. Much love ☮
How do you add tailwind css in this project please tell me and anyone know this how to add please tell me