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
Introduction to ReactJSMicrosoft via edX Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax React
Udacity