A template for using electron quickly.
Please understand that the code and explanation are mainly written in Korean. ๐ฅฒ
- electron & vite๋ฅผ ์ฌ์ฉํด ๋น ๋ฅธ ๊ฐ๋ฐ, ๋น๋๊ฐ ๊ฐ๋ฅํ TypeScript ํ๊ฒฝ
- ์ฑ์ ํ์์ ์ธ ์์ ์๋ ์ ๋ฐ์ดํธ, ์ ์ฅ์, ๋ก๊ทธ ๋ฑ ์ฌ์ ๊ตฌ์ฑ
- ํ์ผ ์์คํ ๋ผ์ฐํ ๊ธฐ๋ฅ (Next.js์์ ์ฌ์ฉํ๋ ๋ฐฉ์)
- electron ๊ธฐ๋ฅ ๊ฐ๋ฐ์ modules๋ก ๋ถ๋ฆฌ ๊ฐ๋ฐ ๊ฐ๋ฅํ๋๋ก ๊ตฌ์ฑ (๊ด์ฌ์ฌ ๋ถ๋ฆฌ ๋ฐ ์ฑ์ ์ฌ๋ฌ ์ํ๋ค์ ๊ณต์ ํ๊ธฐ ์ํด modules๋ก ์ฒ๋ฆฌ) (autoload ์ฒ๋ฆฌ)
- deeplink ์ฒ๋ฆฌ (
modules/deepLink/resolvers
์์) (autoload ์ฒ๋ฆฌ) - ๋น ๋ฅธ ๊ฐ๋ฐ์ ์ํ ํ์ผ ์์ฑ๊ธฐ (
yarn g
๋ช ๋ น์ด๋ก ์ฌ์ฉ๊ฐ๋ฅ) - Windows, MacOS ํฌ๋ก์คํ๋ซํผ์ ๊ณ ๋ คํ ๊ฐ๋ฐ
- App framework:
electron
- App build tool:
electron-builder
- App storage:
electron-store
- App auto updater:
electron-updater
- Bundle tool:
vite
- Frontend framework:
react
+typescript
- Code style:
eslint
+prettier
+@trivago/prettier-plugin-sort-imports
- File system based router:
react-router-dom v6
+ custom (src/components/FileSystemRoutes) - CSS:
styled-components
- State management library:
recoil
- Date:
dayjs
- Form value handle:
formik
์ฌ์ฉํ๊ธฐ ์ ๋ ์ด์์์ด๋ ํน์ ํจํค์ง๋ค์ด ํ์์๋ค๋ฉด ์ ๊ฑฐํ๊ณ ์์ํ์ ๋ ๋ฉ๋๋ค.
yarn dev
yarn build
yarn build:all