sophiea01103603

React, Electron, Zustandを活用しタイマーアプリを直接制作、クロスプラットフォーム（Windows、macOS、Linux）へデプロイまで行う実践講義です。
慣れ親しんだReactウェブ開発を皮切りに、Zustandを通じたグローバル状態管理と最終的なGUIデプロイまで、デスクトップアプリ開発の全体的な流れを学ぶことができます！

dakgangjung123

# [Electron #1] ElectronとReactで作るタイマーアプリ（With Zustand）

실습 중심

toy to portfolio

토이프로젝트

deploy basics

처음하는배포

Electron

electron

cross-platform

This is a practical course where you will directly create a timer app using React, Electron, and Zustand, and even deploy it to cross-platforms (Windows, macOS, Linux).
Starting with familiar React web development, you can learn the entire flow of desktop app development, including global state management via Zustand and final GUI deployment!

입문

초급

중급이상

리액트

React

일렉트론

GUI 프로그래밍

zustand

# [Electron #1] Building a Timer App with Electron + React (With Zustand)

Ch0. Course Introduction and Basic Setup

Ch1. Setting up React-Vite + Electron.js Development Environment

Ch2. Tailwind CSS Dark Mode

Ch3. Page Routing and Sidebar Creation

Ch4. Creating Notification Page Layout and Structure

Ch5. Creating Add Notification and List Modal Windows

Ch6. Implementing Notification Addition Feature Logic

Ch7. Implementing Notification List, Editing, and Sound Features

Ch8. Creating Timer Page and Settings Modal

Ch9. Stopwatch Page/Feature Implementation

Ch10. Implementing Settings Page and Additional Features

Ch11. Windows / macOS / Linux App Packaging and Distribution