Electron with React - Building a desktop applications with React and Electron

Today's video is a practical guide for building desktop apps with React and Electron that can run on Windows, Mac, and Linux. We will be building a simple file explorer that allows users to view file sizes, navigate inside directories and apply a simple file search operation. Todo this, we will walk through the process of setting up an electron app with React and look at how electron interactions with the native operating system.

✨ SOCIAL ✨

⚡ RESOURCES ⚡

⭐ TIMESTAMPS ⭐
0:00 - Intro
0:46 - Project Setup
4:01 - File Explorer
8:00 - Building Electron App
9:30 - Conclusion

[alvaroj.tobarmayorquin]

Finally a good tutorial of electron, you have no idea how long i was looking for an excellent video like yours!! So clear, you had help me a lot!!! Thank you so much. Greetings from Colombia!

[danielelgressy]

what a great video ! please upload more Electron videos, we need it !

[saiverx]

Thanks for making this video! It really summarized how I would go forward in migrating my existing react app to electron perfectly

[bmejia]

Justin, you have one of the most useful dev channels out there. Thanks for sharing the knowledge, brother! 👍

[aleksasevic]

I like Electron because it lets me bring my favourite tech to build desktop apps. Great content btw, would love to see more content about Electron!

[juleswinnfield]

Loved this video! Great for quickfire learning.. I had no idea what half the stuff in this video was until I stumbled across this :)

[DorjeDark]

Awesome tutorial, tyvm, I hope you didn't stop creating excellent videos like this.

[yosefefriemrosner]

got it to work.
you did a great job teaching.
its like my 10nth video/article today trying to get the dist part and then you explain and suddenly boom i know it

thanks

[sangeethnandakumar]

High quality extremely helpful tutorial.

[felixl.]

Thank you! Finally a video that covers what's actually promised in the title and not making a 3 hours video, starting from absolute zero and missing out on the actual topic.

[ashutosh]

TNice tutorials is the best tutorial. Simply explained to a newbie, great job man.

[ThijmenCodes]

Great video, terrific animations 🙂 Thanks!

[sengfoong]

Anyone know why after I build the app, all the contents (UI) are disappeared?

[clarkjr.canlog]

I had problems in doing the executable file, I just installed yarn and follow the scripts on your package.json and it worked perfectly

[asifgokakgokak]

I need help on creating .exe file as I am unable to get .exe after running npm run build command. Even with yarn i dont get this file. Please provide the exact steps. Thanks for your help.

[JenuelDevTutorials]

any tutorial, electron local storage or dabase, like sqlite?

[mayankbinjola]

I am getting this error Command "electron:serve" not found. please tell how to resolve this.

[idcemail]

Yes, please make a video with electron-react boilerplate plz!

[sprioleau]

The style, cadence and code-pasting in this video is awfully similar to that of @fireship. Shout out to using Jeff’s (Delaney) video recommendations.

Well executed!

[greennwolf]

Sorry, I have a question, how can I do the build if the react application has a react router?