Electron Course - Code Desktop Applications (inc. React and Typescript)

Learn how to use Electron, React, and TypeScript to build desktop applications. Throughout this course, you'll learn everything from setting up your development environment to implementing advanced features like data visualization, secure communication, and custom window frames, all while ensuring a seamless user experience.

Course developed by ‪@NiklasZiermann‬

Code: https://github.com/N-Ziermann-YouTube...

❤️ Try interactive React courses we love, right in your browser: https://scrimba.com/freeCodeCamp-React (Made possible by a grant from our friends at Scrimba)

⭐️ Contents ⭐️
⌨️ (0:00:00) Intro & How electron works
⌨️ (0:08:31) Setting up React
⌨️ (0:11:45) Setting up Electron
⌨️ (0:17:41) Adding TypeScript
⌨️ (0:22:47) Configuring Electron-Builder
⌨️ (0:29:07) DX Improvements
⌨️ (0:35:16) Reading System Resources
⌨️ (0:46:25) Communicating with the UI
⌨️ (1:09:34) Making IPC Typesafe
⌨️ (1:32:10) Event Validation
⌨️ (1:39:55) Unsubscribing from Events
⌨️ (1:43:55) Data Visualisation
⌨️ (2:00:24) Securing the App
⌨️ (2:06:53) Creating Tray Elements
⌨️ (2:14:40) Hiding to the Tray
⌨️ (2:27:31) Customising the Menu Bar
⌨️ (2:35:01) Enable View Switching
⌨️ (2:40:02) Custom Window Frames
⌨️ (2:51:00) Testing Theory
⌨️ (2:53:26) E2E Tests
⌨️ (3:06:27) Unit Tests
⌨️ (3:19:19) Finalising the UI
⌨️ (3:33:03) Outro

🎉 Thanks to our Champion and Sponsor supporters:
👾 Drake Milly
👾 Ulises Moralez
👾 Goddard Tan
👾 David MG
👾 Matthew Springman
👾 Claudio
👾 Oscar R.
👾 jedi-or-sith
👾 Nattira Maneerat
👾 Justin Hual

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news