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

Channel:

freeCodeCamp.org

Subscribers:

10,700,000

Published on October 7, 2024 3:56:15 PM ● Video Link: https://www.youtube.com/watch?v=fP-371MN0Ck

Duration: 0:00

82,270 views

1,434

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/electron-course

⭐ ️ 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

--https://www.freecodecamp.org/ get a developer job: https://www.freecodecahttps://freecodecamp.org/newscles on programming: https://freecodecamp.org/news