Open2
ElectronとReactでアプリを作りたい
appareElectronとReactで時計を作る
友達が、Macにデフォルトの時計アプリが存在しないので作って欲しいと言われたのでやってみる。
フロントエンドJavaScriptしかしらないので、ElectronとReactで作ることにしようと思う。
この記事ではNext.jsを使っているけど、ReactとNext.jsの違いがよくわからない（Electronの場合通信しないのでSSRとかは必要ない気がする？）ので今回はReactを使う
appareReactとElectronのセットアップ
セットアップ
yarn init
エントリーポイントをmain.jsにしておいた。
React, react-domのインストール
yarn add react react-dom
yarnやはり速い
ツール系とelectronのインストール
yarn add -D electron typescript eslint prettier eslint-config-prettier eslint-plugin-prettier webpack webpack-cli ts-loader
Typescript用型定義をインストール
electronは本体に型定義が含まれているらしい
yarn add -D @types/react @types/react-dom
参考