Electron Course - Building Desktop Applications with React and TypeScript
Offered By: freeCodeCamp
Course Description
Overview
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
Related Courses
Intro to StatisticsStanford University via Udacity Introduction to Data Science
University of Washington via Coursera Passion Driven Statistics
Wesleyan University via Coursera Information Visualization
Indiana University via Independent DCO042 - Python For Informatics
University of Michigan via Independent