Open12

Electron + TypeScript + React アプリ開発のセットアップ

薄田達哉 / tatsuyasusukida薄田達哉 / tatsuyasusukida

このスクラップについて

このスクラップでは Electron + TypeScript + React を使ったデスクトップアプリケーション開発環境を整える過程を記録する。

薄田達哉 / tatsuyasusukida薄田達哉 / tatsuyasusukida

Vite + TypeScript のセットアップ

コマンド
cd ~/workspace
pnpm dlx create-electron-app@latest my-electron-ts-react-app --template=vite-typescript
薄田達哉 / tatsuyasusukida薄田達哉 / tatsuyasusukida

app.tsx の作成

コマンド
touch src/app.tsx
src/app.tsx
import React from 'react';
import { createRoot } from 'react-dom/client';

const root = createRoot(document.body);
root.render(<h2>Hello from React!</h2>);