Overview
Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Dive into a comprehensive course on building desktop applications using Electron, React, and TypeScript. Begin with understanding Electron's fundamentals and setting up the development environment. Progress through implementing advanced features like data visualization, secure communication, and custom window frames. Learn to read system resources, establish typesafe inter-process communication, and create tray elements. Explore menu bar customization, view switching, and custom window frames. Gain insights into testing theory and practice with end-to-end and unit tests. Conclude by finalizing the user interface, ensuring a seamless user experience throughout the development process. Access the course code on GitHub and benefit from developer experience improvements and best practices shared throughout the 3.5-hour learning journey.
Syllabus
⌨️ Intro & How electron works
⌨️ Setting up React
⌨️ Setting up Electron
⌨️ Adding TypeScript
⌨️ Configuring Electron-Builder
⌨️ DX Improvements
⌨️ Reading System Resources
⌨️ Communicating with the UI
⌨️ Making IPC Typesafe
⌨️ Event Validation
⌨️ Unsubscribing from Events
⌨️ Data Visualisation
⌨️ Securing the App
⌨️ Creating Tray Elements
⌨️ Hiding to the Tray
⌨️ Customising the Menu Bar
⌨️ Enable View Switching
⌨️ Custom Window Frames
⌨️ Testing Theory
⌨️ E2E Tests
⌨️ Unit Tests
⌨️ Finalising the UI
⌨️ Outro
Taught by
freeCodeCamp.org