강의

멘토링

커뮤니티

NEW
Programming

/

Front-end

Faster Than Anyone: Electron Todo List With TypeScript

Faster than anyone else, Electron Todo List With TypeScript Create a React-based desktop service using Electron developed with TypeScript!

(5.0) 2 reviews

7 learners

  • Neo
실습 중심
토이프로젝트
리액트감잡기
electron
React
TypeScript
Electron
Portfolio

What you will learn!

  • Creating a TodoList while Getting a Taste of Electron

  • Learn how React-based desktop apps are created

Electron Todo List With TypeScript - Faster Than Anyone Else

React, TypeScript, Electron, Portfolio

Desktop applications made with web technologies!
Create a Todo app with React + TypeScript + Electron.

🎯 Course Introduction

This course is designed to help web developers easily create desktop applications
by learning Electron and TypeScript from start to finish through hands-on practice.

Create an app that runs on Windows, macOS, and Linux with a single codebase, and
complete a Todo list application built with React and TypeScript (Electron porting).

🧩 You'll learn this content

Section Key Learning Content

1. TypeScript Basics Summary of core syntax including type system, functions and interfaces, classes, generics, etc.

2. Understanding Electron Understanding Electron's structure, pros and cons, and Node.js & Chromium foundation

3. Development Environment Setup From installing VSCode, Node.js, nvm to initial React project setup

4. Integrating with Electron Setting up React + Electron environment and running both simultaneously with npm run dev

5. Building a Todo App Implementing Todo CRUD functionality with TypeScript and React

6. Wrap-up & BuildIntroduction to packaging the completed app as an executable file

🧠 Learning Objectives

  • ✅ You can accurately understand TypeScript syntax and apply it to projects.

  • ✅ Understand Electron's operational structure and integrate it with React apps.

  • ✅ You can develop cross-platform desktop apps with a single codebase.

  • ✅ You can directly configure a React + TypeScript + Electron integrated development environment.

📚 Development Process and Precautions

Develop a todo list web application using React + TypeScript and port it to Electron to create a desktop app.
The course focuses on getting hands-on experience with React + TypeScript + Electron.

Advanced lectures will be provided later, so please confirm that this is a basic lecture before enrolling!

I recommend this for people like this

Developers who want to create desktop apps using web technologies

React + TypeScript
Electron

Those who want to learn the environment all at once

Those who want to practice TypeScript syntax through
real-world projects

Pre-enrollment Reference Information

Practice Environment

  • The course is explained based on MacOS. Even if you have a Windows machine, you can still follow along.

  • The course uses VSCode.

  • The course is designed for using Electron + TypeScript!

Learning Materials

  • I'll provide it as a Notion link!

Prerequisites and Important Notes

  • Basic Computer Skills

Recommended for
these people

Who is this course right for?

  • Those who want to learn React and dive deeper into it

  • Those who want to know how to develop desktop services

  • Someone who is curious about Electron

Need to know before starting?

  • TypeScript

  • React

Hello
This is

1,321

Learners

140

Reviews

23

Answers

4.6

Rating

22

Courses

협업 및 기타 비즈니스 문의는 yeseong0412@gmail.com 으로 부탁드립니다!

 

안녕하세요! 인프런에서 강의를 진행하고 있는 Neo 입니다.

평소 접하지 못했던 개발기술들을 다양한 분들이 접할 수 있도록 하는게 제 목표입니다.

그래서 저는 단순한 이론 나열보다 실무 중심의 커리큘럼을 구성하고, 트러블슈팅 없이 배울 수 있는 실습 위주의 강의를 제공하고자 합니다.

 

초보자도 부담 없이 따라올 수 있도록 최대한 가볍고 친절한 접근으로 내용을 구성하고 있으며, 지식에 대한 진입 장벽을 낮추는 것에 특히 집중하고 있습니다.

가끔은 마음이 같은 분들과 함께 강의 작업을 진행하기도 합니다!

Curriculum

All

8 lectures ∙ (50min)

Published: 
Last updated: 

Reviews

All

2 reviews

5.0

2 reviews

  • wonder12421님의 프로필 이미지
    wonder12421

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    Good

    • yeseong0412
      Instructor

      Thank you for taking the class!

  • yeseong0412님의 프로필 이미지
    yeseong0412

    Reviews 23

    Average Rating 5.0

    5

    100% enrolled

    You can experience Electron using TypeScript!

    Limited time deal

    $5.50

    28%

    $7.70

    Neo's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!